не может реализовать разбиение на страницы в таблицах данных - PullRequest
Новая
       5

не может реализовать разбиение на страницы в таблицах данных

0 голосов
/ 02 августа 2020

вот фрагмент моего кода (остальное - это просто определения столбцов и реализация initComplete): 

table = jq('#example').DataTable( {
             "select":{
                "style": "multi"
             },
             "processing": true,
             "serverSide": true,
             "lengthChange":true,
             "pageLength":10,
             "order":[[1,"asc"]],
             "dom": "Bfrtip",
             "ajax": '/'+localeCodeShort+'/umbrella/api/get-users',

  });

Он показывает все записи (всего 103) на розыгрыше, а не только 10. not конечно, почему?

ОБНОВЛЕНИЕ

Вот мой HTML: 

<table id="example" class="display" style="width:100%">
    <thead>
        <tr>
            <th></th>
            <th>Id</th>
            <th>First Name</th>
            <th>Last Name</th>
            <th>Email Address</th>
            <th>Status</th>
            <th>Actions</th>
        </tr>
    </thead>
    <tfoot>
        <tr>
            <th></th>
            <th>Id</th>
            <th>First Name</th>
            <th>Last Name</th>
            <th>Email Address</th>
            <th>Status</th>
            <th>Actions</th>
        </tr>
    </tfoot>
</table>

А вот мой JSON образец: 

    {
  "draw": 1,
  "recordsTotal": 103,
  "recordsFiltered": 103,
  "data": [
    [
      "",
      "1",
      "Jonathan",
      "Reid",
      "reid@gmail.com",
      "1",
      ""          
    ],
    [
      "",
      "2",
      "Someone",
      "Foryou",
      "someadd@gmail.com",
      "1",
      ""
    ]
  ]
}

А вот мои определения столбцов: 

\"columnDefs\": [ 
                    {
                        \"orderable\":false,
                        \"className\":\"select-checkbox\",
                        \"targets\":0,
                        \"width\":\"5%\"
                    },
                    {
                        \"targets\": " . $dataTable -> actionCol . ",
                        \"data\": null,
                        \"defaultContent\": \"" . $btnHtml . "\"
                    },
                    {
                        \"targets\":-2,
                        \"className\":\"select-status\",
                        \"searchable\":true
                    },
                    ],

Кроме того, я возвращаю все 103 записи в настоящее время

Ответы [ 2 ]

0 голосов
/ 02 августа 2020

Вы пробовали установить для переменной "paging" значение true? 

table = jq('#example').DataTable( {
     "select":{
        "style": "multi"
     },
     "processing": true,
     "serverSide": true,
     "lengthChange":true,
     "paging":true,
     "pageLength":10,
     "order":[[1,"asc"]],
     "dom": "Bfrtip",
     "ajax": '/'+localeCodeShort+'/umbrella/api/get-users',
});
0 голосов
/ 02 августа 2020

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

...