Разбиение на страницы при загрузке страницы в javascript

---

уважаемый друг,

Я связал значения из базы данных в таблицу с помощью ajax. у меня есть проблема с разбиением на страницы при загрузке страницы. я дал 10 строк на странице. когда я нажимаю на пагинацию, она выполняется хорошо. но при загрузке страницы отображаются все строки.

Что я уже пробовал:

<script src="Scripts/paginathing.js" type="text/javascript"></script>
<script type="text/javascript">

    jQuery(document).ready(function ($) {        
        $('.table tbody').paginathing({
            perPage: 10,
            insertAfter: '.table'
        });
       
    });
 </script>

function BindGridview() {
       $.ajax({
           type: "POST",
           contentType: "application/json; charset=utf-8",
           url: "Employee.aspx/BindGridview",
           data: "{}",
           dataType: "json",
           success: function (data) {
               var result = data.d;
               $("#tblEmployee").empty();
               for (var i = 0; i < result.length; i++) {
                   $("#tblEmployee").append('<tr><td align="center"></td><td style="display:none;">' + result[i].Id + '</td><td>' + result[i].EmployeeId + '</td><td>' + result[i].EmployeeName + '</td><td>' + result[i].DOJ + '</td><td>' + result[i].Contact + '</td><td>' + result[i].AltContact + '</td><td style="width:30px; text-align:left;"><a href="#" onclick="Edit(' + result[i].Id + ')"></a></td><td style="width:30px; text-align:left;"><a href="#" onclick=Delete(' + result[i].Id + ')></a></td></tr>');
               }
           },
           error: function (data) {
               var r = data.responseText;
               var errorMessage = r.Message;
               alert(errorMessage);
           }
       });
   }

---