Получение контента данных через ajax

Question

В настоящее время я генерирую базовую таблицу с помощью PHP

        <table id="list" class="display">   
            <thead>
                <tr id="hdr">
                    <th><input type="checkbox" id="check_all"/>  ID</th>
                    <th>Ref. No</th>
                    <th>Color</th>
                    <th>Size</th>
                    <th>Quantity</th>
                    <th>Stack NO</th>
                    <th>Price</th> 
                    <th>Add Date</th>

                </tr>
            </thead>
            <tbody>
                <?php
                $result = $db->query("SELECT * FROM  `items` ORDER BY id DESC");
                if ($result->num_rows > 0) {

                    while ($row = $result->fetch_object()) {
                        echo '<tr url="?page=item&id=' . $row->id . '">
<td class="item_id"><input type="checkbox" name="checkbox[]" method="post" value="' . $row->id . '" class="checkbox"/>    ' . $row->id . '</td>
<td> ' . $row->refno . '</td>
<td style="text-align:center">' . $row->color . '</td>
<td style="text-align:center">' . $row->size . '</td>
<td style="text-align:center" id="qt">' . trim($row->qt) . '</td>
<td style="text-align:center">' . $row->stackno . '</td>
<td style="text-align:center">' . $row->price . '</td>
<td>' . date('d.m.Y', strtotime($row->add_date)) . '</td>
</tr>';
                    }
                }
                ?>
            </tbody>
        </table>

Затем применяю к этому данные в таком виде

 oTable= $('#list').dataTable( {       
        "bJQueryUI": true, 
        "iDisplayLength": 25,
        "aaSorting": [],
        "aoColumns": [ 
        {
            "bSortable": false
        },
        null, null, null,null,null, null, null
        ]    
    } ).columnFilter({
        sPlaceHolder: "head:before",
        aoColumns: [    null, null, null,null,null, null, null,
        {
            type: "date-range"
        }
        ]

    });

Существует очень большая проблема:

В настоящее времямоя таблица имеет около 2000 строк.Генерация и загрузка всей таблицы занимает очень много времени.(Сначала он генерирует затем applieas datatables) Как я могу изменить этот скрипт, чтобы получать содержимое через ajax постранично?

Answer 1

В API datatables есть полностью документированные методы и примеры использования данных json для динамических таблиц с использованием локального или серверного источника.

Даже в пакет загрузки включены эти примеры

Answer 2

Казалось бы, вам нужно воспользоваться преимуществами пагинации.Быстрый пик в документации для dataTables показывает, что он обеспечивает поддержку наследования для этого.

Есть полностью функциональный пример, который показывает вам, как именно они достигли нумерации страниц, и можно найти здесь .

Удачи.