this is my following code
<div class="body">
                            <div class="table-responsive">
                            <apex:variable var="index" value="{!0}" />
                                <table class="table table-bordered table-striped table-hover js-basic-example dataTable">
                                    <thead>
                                        <tr>
                                            <th>Name</th>
                                            <th>Course</th>
                                            <th>Additional Course</th>
                                            <th>Approved</th>
                                            <th>Action</th>
                                       </tr>
                                    </thead>
                                    <tbody id ="factable">
                                        <apex:repeat value="{!facultylist}" var="fac" id="theRepeat" >
                                            <tr>
                                                <td><apex:outputField value="{!fac.Name}" id="Name"/></td>
                                                <td><apex:outputField value="{!fac.Course_details__c}" id="Course"/></td>
                                                <td><apex:outputField value="{!fac.Additional_Course__c}" id="ADDCourse"/></td>
                                                <td><apex:outputField value="{!fac.Is_Approved__c}"/></td>
                                                <td>
                                                    <a  onClick="GetIndex( {!index} ) ;">
                                                        <i class="material-icons" style = "color:#2196f3" title="view">remove_red_eye</i>
                                                   </a>
                                                </td>
                                                
                                            </tr>
                                            <apex:variable var="index" value="{!index + 1}" /> 
                                       </apex:repeat>
                                 </tbody>
                                    
                                </table>
                            </div>
                        </div>