<div class="student-list" style="margin-left:0%;width:700px;margin-top:3%; ">
    <!-- Tab panes -->
    <div class="tab-content">
        <table data-link="row" class="datatable table table-hover">
          <thead>
          <tr>
            <th>Name</th>
            <th>Username</th>
            <th>Form Class</th>
            <th>Email</th>
          </tr>
          </thead>
          <tbody>
          <%
            if (!(teacherList == null)) {
              for (int i = 0; i < teacherList.size(); i++) {
                String name = teacherList.get(i).getName();
                String username = teacherList.get(i).getUsername();
                String password = teacherList.get(i).getPassword();
                String formclass = teacherList.get(i).getFormclass();
                String email = teacherList.get(i).getEmail();
                int teacherid = teacherList.get(i).getTeacherId();
          %>
          <tr data-toggle="modal" data-target="#updateModal" data-name="<%=name%>"
              data-username="<%=username%>" data-password="<%=password%>"
              data-formclass="<%=formclass%>"data-email="<%=email%>" data-teacherid="<%=teacherid%>">
            <td id="nameT"><%=teacherList.get(i).getName()%>
            </td>
            <td id="usernameT"><%=teacherList.get(i).getUsername()%>
            </td>
            <td id="formClassT"><%=teacherList.get(i).getFormclass()%>
            </td>
            <td id="emailT"><%=teacherList.get(i).getEmail()%>
            </td>
          </tr>
          <%  }
            }
          %>
          </tbody>
        </table>
    </div>