我是jQuery的新手 . 我在网格中使用了数据表但不需要分页 .
在一个页面中有一个订单列表,我在Datatable网格中显示它们,但在底部我不想显示分页 . 有没有办法通过在jQuery库上使用位自定义来从数据表中删除或隐藏分页 .
我试图自定义它,但我找到了很少的方法来做它..
提前致谢 .
$('#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 })
试试这个代码
您应该将 "bPaginate": false, 包含在传递给构造函数参数的配置对象中 . 如下所示:http://datatables.net/release-datatables/examples/basic_init/filter_only.html
"bPaginate": false,
对于DataTables 1.9
使用bPaginate选项禁用分页 .
$('#example').dataTable({ "bPaginate": false });
对于DataTables 1.10+
使用paging选项禁用分页 .
$('#example').dataTable({ "paging": false });
有关代码和演示,请参阅this jsFiddle .
使用sDom选项配置页面上显示的控件元素 .
$('#example').dataTable({ "sDom": "lfrti" });
使用dom选项配置页面上显示的控件元素 .
$('#example').dataTable({ "dom": "lfrti" });
$(document).ready(function () { $('#Grid_Id').dataTable({ "bPaginate": false }); });
我用它解决了我的问题,希望它对你有用..
它正在发挥作用
试试下面的代码
$('#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 })
如果您想删除分页但想要订购dataTable,请在页面末尾添加此脚本!
<script> $(document).ready(function() { $('#table_id').DataTable({ "paging": false, "info": false } ); } ); </script>
这是一个替代方案,是对其他几个答案的渐进式改进 . 假设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();
7 回答
试试这个代码
您应该将
"bPaginate": false,
包含在传递给构造函数参数的配置对象中 . 如下所示:http://datatables.net/release-datatables/examples/basic_init/filter_only.html禁用分离
对于DataTables 1.9
使用bPaginate选项禁用分页 .
对于DataTables 1.10+
使用paging选项禁用分页 .
有关代码和演示,请参阅this jsFiddle .
取消了分离控制并使得分离得以实现
对于DataTables 1.9
使用sDom选项配置页面上显示的控件元素 .
对于DataTables 1.10+
使用dom选项配置页面上显示的控件元素 .
有关代码和演示,请参阅this jsFiddle .
我用它解决了我的问题,希望它对你有用..
它正在发挥作用
试试下面的代码
如果您想删除分页但想要订购dataTable,请在页面末尾添加此脚本!
这是一个替代方案,是对其他几个答案的渐进式改进 . 假设settings.aLengthMenu不是多维的(可以是DataTables有行长度和标签时),并且页面加载后数据不会改变(对于简单的DOM加载的DataTables),可以插入此函数以消除分页 . 它隐藏了几个与分页相关的类 .
也许更强大的是在下面的函数中将分页设置为false,但是我没有看到那个副手的API调用 .