阿贾克斯数据表插件分页

我有这样的代码，数据表插件阿贾克斯数据表插件分页

$('#tbl_loket').createTable({ 
    "ajax": "<?=site_url('penilaian/report/get_data')?>", 
    "columns": [ 
     { "data": "date_in" }, 
     { "data": "nama" }, 
     { "data": "keterangan" }, 
     { "data": "sangat_puas" }, 
     { "data": "puas" }, 
     { "data": "tidak_puas" }, 
     { "data": "total" }, 
     { "data": "nilai" }, 
    ], 
    "bPaginate": true, 
    "bLengthChange": true, 
    "bFilter": false, 
    "bInfo": true, 
    "bAutoWidth": false, 
    "pagingType": "full_numbers", 
    "paging": true, 
});

，这我的表截图

table screenshot

问题：如何改变每页的项目数？

来源

2017-03-16 M Thohirin

问题不清楚，你问的是如何改变每页的项目数？ –

是的，这就是我的意思@DaveL –

我设置每页10项，但仍然显示所有数据15行 –

它看起来像您使用的是旧版本，所以你需要使用：

$('#tbl_loket').createTable({ 
    "ajax": "<?=site_url('penilaian/report/get_data')?>", 
    "columns": [ 
     { "data": "date_in" }, 
     { "data": "nama" }, 
     { "data": "keterangan" }, 
     { "data": "sangat_puas" }, 
     { "data": "puas" }, 
     { "data": "tidak_puas" }, 
     { "data": "total" }, 
     { "data": "nilai" }, 
    ], 
    "bPaginate": true, 
    "bLengthChange": true, 
    // Set to 10 results 
    "pageLength" : 10, 
    // Optional, it'll include '10' in the dropdown menu 
    "lengthMenu": [ [10, 25, 50, -1], [10, 25, 50, "All"] ] 
    "bFilter": false, 
    "bInfo": true, 
    "bAutoWidth": false, 
    "pagingType": "full_numbers", 
    "paging": true, 
});

不要忘记更改表后使用“绘制（）”方法 - 如果你不这样做，它不会立即反映变化。

来源

2017-03-16 04:18:25

则应该在你的代码iDisplayLength，

"iDisplayLength": 10

这里的Source。

所以，你的源应该像

$('#tbl_loket').createTable({ 
    "ajax": "<?=site_url('penilaian/report/get_data')?>", 
    "columns": [ 
     { "data": "date_in" }, 
     { "data": "nama" }, 
     { "data": "keterangan" }, 
     { "data": "sangat_puas" }, 
     { "data": "puas" }, 
     { "data": "tidak_puas" }, 
     { "data": "total" }, 
     { "data": "nilai" }, 
    ], 
    "bPaginate": true, 
    "bLengthChange": true, 
    "bFilter": false, 
    "bInfo": true, 
    "bAutoWidth": false, 
    "pagingType": "full_numbers", 
    "paging": true, 
    "iDisplayLength": 10 
});

来源

2017-03-16 03:07:18

但我的桌子仍然显示15项，而不是10项。 cek这是我的表格截图https://i.stack.imgur.com/YRrAF.png –

您是否在隐身模式下尝试了相同的功能？ –

是的，我已经尝试了相同的隐身模式 –

如果你想分页只......只是把这个代码。

$("#table_id").DataTable({ 
    "paging":true, 
    "dom": 'lBfrtip', 
    "scrollX": true,  
});

如果您正在从ajax中获取数据。使用此代码... 根据您更改

$.ajax({ 
    type: 'POST', 
    url   : YOUR_URL, 
    data  : {'ids':ids,'start':start, 'end':end}, 
    timeout  : 30000, 
    success  : function (e) { 
     $("#table_id").DataTable({ 
      "paging":true, 
      "dom": 'lBfrtip', 
      "scrollX": true,  
     });     
    }  
});

一件事使用

<?php ?> instead of <?= ?>

来源

2017-03-16 03:51:03 GYaN

对于数据表版本1.10.5和更新

<table data-page-length='25'> 
</table>

对于数据表版本1.10和较新

"pageLength": 50

对于数据表比1.10版本

"iDisplayLength": 50

如果所有这些都不管用，可以请你提供AJAX回旧的？你的ajax返回包含recordsFiltered和recordsTotal吗？它可能会返回错误的值。例如，它表示显示15条记录中的1-10条，但第1页有15条记录，并且我假设第2页上没有记录？

来源

2017-03-16 03:54:38 Mindless

阿贾克斯数据表插件分页

回答

相关问题