super_user Ответов: 1

Разбиение на страницы в HTML таблице

привет

я пытаюсь создать переключатель для HTML-таблицы для этого я стараюсь ниже код

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

<div id="pageNavPosition"></div>

<script type="text/javascript"><!--
var pager = new Pager('tabledata', 10);
pager.init();
pager.showPageNav('pager', 'pageNavPosition');
pager.showPage(1);
//--></script


по этой ссылке

http://en.newinstance.it/2006/09/27/client-side-html-table-pagination-with-javascript/

но когда я пытаюсь это сделать, пейджера нет

Karthik_Mahalingam

разместите свою табличную разметку

super_user

я стараюсь создавать через jquery .. вот так ... успех: функция (результат) {
ВАР финал = формат JSON.синтаксический анализ(результат.д).ответ;

console.log(JSON. parse(result. d). response);
$("#tabledata"). пусто();

if (final. length > 0) {
$("#tabledata"). append(
"< tr><th & gt; ID< / th><владелец< / th><th>RegNo</th> & lt; / tr>");

for (var i = 0; i & lt; final. length; i++) {

if (final[i] ! = = null) {
$("#таблицу").добавить("&ЛТ;элемента tbody&ГТ;&ЛТ;тр&ГТ;&ЛТ;тд&ГТ;" +
final[i][0] + " < / td> & lt; td>" +
final[i][1] + " < / td> & lt; td>" +
финал[я][2] + "&ЛТ;/тд&ГТ;&ЛТ;/тр&ГТ;&ЛТ;/элемента tbody&ГТ;");

}
}
$("#tabledata tr:first"). addClass ('GridviewScrollHeader');
$("#tabledata tr"). addClass ('GridviewScrollItem');


}

1 Ответов

Рейтинг:
1

Karthik_Mahalingam

попробуй вот так

<!doctype html>
<html lang="en">
<head>
    <script src="paging.js"></script>
    <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
    <style type="text/css">
        .pg-normal {
            color: black;
            font-weight: normal;
            text-decoration: none;
            cursor: pointer;
        }

        .pg-selected {
            color: black;
            font-weight: bold;
            text-decoration: underline;
            cursor: pointer;
        }
    </style> 

    <script>

        var pager; // declare the pager variable outside
        $(function () {  
            var final = [[1, 'a', 'a1'], [2, 'b', 'b'], [3, 'c', 'c3'], [4, 'd', '4d'], [5, 'e', '5e']
            , [6, 'f', '6f'], [7, 'g', '7g']]
        $("#tabledata").append( $("<tr><th>ID</th><th>Owner</th><th>RegNo</th></tr>"));

        for (var i = 0; i < final.length; i++) {
            var item = final[i];
             
            var tr = " <tr><td>" + item[0] + "</td> <td>" + item[1] + "</td> <td>" + item[2] + "</td></tr> ";
            $("#tabledata").append(tr);
        } 

        pager = new Pager('tabledata', 3);
        pager.init();
        pager.showPageNav('pager', 'pageNavPosition');
        pager.showPage(1); 
        }); 
    </script>

</head>
<body>
    <table id="tabledata"></table>
    <div id="pageNavPosition"></div> 
</body>
</html>

super_user

проверьте эту скрипку.. это не работает ..
https://jsfiddle.net/2oc7gxov/3/

Karthik_Mahalingam

попробовать это

https://jsfiddle.net/karthikjsf/2oc7gxov/4/