我在网格中使用过数据表,但不需要分页。在一个页面中有一个订单列表,我在一个数据表网格中显示它们,但在底部我不想显示分页。有没有办法通过对jQuery库进行一些定制来从数据表中删除或隐藏分页?
我试着自定义它,但我发现很少有方法可以做到这一点。
zhte4eai1#
您应该将"bPaginate": false,包含到传递给构造函数参数的配置对象中,如下所示:http://datatables.net/release-datatables/examples/basic_init/filter_only.html
"bPaginate": false,
mitkmikd2#
使用bPaginate选项禁用分页。
bPaginate
$('#example').dataTable({ "bPaginate": false });
使用paging选项禁用分页。
paging
$('#example').dataTable({ "paging": false });
有关代码和演示,请参见this jsFiddle。
使用sDom选项配置页面上显示的控件元素。
sDom
$('#example').dataTable({ "sDom": "lfrti" });
使用dom选项配置页面上显示的控件元素。
dom
$('#example').dataTable({ "dom": "lfrti" });
yxyvkwin3#
它起作用了尝试以下代码
$('#example').dataTable({ "bProcessing": true, "sAutoWidth": false, "bDestroy":true, "sPaginationType": "bootstrap", // full_numbers "iDisplayStart ": 10, "iDisplayLength": 10, "bPaginate": false, //hide pagination "bFilter": false, //hide Search bar "bInfo": false, // hide showing entries })
g6ll5ycj4#
$(document).ready(function () { $('#Grid_Id').dataTable({ "bPaginate": false }); });
我用它解决了我的问题。
tkqqtvp15#
$('#table_id').dataTable({ "bInfo": false, //Dont display info e.g. "Showing 1 to 4 of 4 entries" "paging": false,//Dont want paging "bPaginate": false,//Dont want paging })
试试这个代码
dsekswqp6#
如果你想删除分页,但是想对dataTable进行排序,那么在页面的末尾添加这个脚本!
<script> $(document).ready(function() { $('#table_id').DataTable({ "paging": false, "info": false } ); } ); </script>
7d7tgy0s7#
您可以将data-paging='false'添加到<table>元素中,该表的分页将被禁用。
data-paging='false'
<table>
hof1towb8#
这里有一个替代方法,它是对其他几个答案的渐进式改进。假设settings.aLengthMenu不是多维的(当DataTables有行长度和标签时可能是多维的),并且数据在页面加载后不会更改(对于简单的DOM加载的DataTables),可以插入此函数来消除分页。它隐藏了几个与分页相关的类。也许更健壮的方法是在下面的函数中将分页设置为false,但是我没有看到一个API调用。
$('#myTable').on('init.dt', function(evt, settings) { if (settings && settings.aLengthMenu && settings.fnRecordsTotal && settings.fnRecordsTotal() < settings.aLengthMenu[0]) { // hide pagination controls, fewer records than minimum length $(settings.nTableWrapper).find('.dataTables_paginate, .dataTables_length, .dataTables_info').hide(); } }).DataTable();
8条答案
按热度按时间zhte4eai1#
您应该将
"bPaginate": false,
包含到传递给构造函数参数的配置对象中,如下所示:http://datatables.net/release-datatables/examples/basic_init/filter_only.htmlmitkmikd2#
禁用分页
使用
bPaginate
选项禁用分页。使用
paging
选项禁用分页。有关代码和演示,请参见this jsFiddle。
删除分页控件并保持启用分页
使用
sDom
选项配置页面上显示的控件元素。使用
dom
选项配置页面上显示的控件元素。有关代码和演示,请参见this jsFiddle。
yxyvkwin3#
它起作用了
尝试以下代码
g6ll5ycj4#
我用它解决了我的问题。
tkqqtvp15#
试试这个代码
dsekswqp6#
如果你想删除分页,但是想对dataTable进行排序,那么在页面的末尾添加这个脚本!
7d7tgy0s7#
您可以将
data-paging='false'
添加到<table>
元素中,该表的分页将被禁用。hof1towb8#
这里有一个替代方法,它是对其他几个答案的渐进式改进。假设settings.aLengthMenu不是多维的(当DataTables有行长度和标签时可能是多维的),并且数据在页面加载后不会更改(对于简单的DOM加载的DataTables),可以插入此函数来消除分页。它隐藏了几个与分页相关的类。
也许更健壮的方法是在下面的函数中将分页设置为false,但是我没有看到一个API调用。