<div class="container">
    <div class="row">
        <div class="col-md-8">



            <table class="table">
                <thead>
                <tr>
                <tr>

                    <td colspan="12">Thông tin nhân viên</td>
                </tr>
                <th>ID</th>
                <th>User Name</th>
                <th>First Name</th>
                <th>Last Name</th>
                <th>EmailAddress</th>
                <th>Phone</th>
                <th>Education</th>
                <th>Home Town</th>
                <th>Department</th>
                <th>Position</th>
                <th colspan="2">Menu</th>
                </tr>
                </thead>
                <tbody>
                <tr class="vide" ng-repeat="emp in employess ">
                    <td>{{$index + 1}}</td>
                    <td>{{emp.username}}</td>
                    <td>{{emp.firstName}}</td>
                    <td>{{emp.lastName}}</td>
                    <td>{{emp.emailAddress}}</td>
                    <td>{{emp.phoneNumber}}</td>
                    <td>{{emp.education}}</td>
                    <td>{{emp.homeTown}}</td>
                    <td>{{emp.department}}</td>
                    <td>{{emp.position}}</td>
                    <td><a href="#" ng-click="updateEmp(emp);">Edit</a>
                    <td><a href="#" ng-click="deleteEmp(emp);">Delete</a>
                    </td>

                </tr>


                </tbody>
            </table>
            <div data-pagination="" data-num-pages="numOfPages()"
                 data-current-page="curPage" data-max-size="maxSize"
                 data-boundary-links="true"></div>
            <tr>
            <td><a class="btn btn-info" href="#" ui-sref="createEmployee">Add</a></td>
            </tr>


        </div>
    </div>

</div>