如何启用和禁用分页从jquery数据表按钮点击

how to enable and disable paging from jquery dataTables on button click

本文关键字：jquery 分页 数据表 按钮 何启用 启用      更新时间：2023-09-26

下面是为了删除分页而在数据表网站中找到的代码

    $(document).ready(function() {
    $('#example').DataTable( {
        "paging":   false
    } );
} );

我的问题是如何启用和禁用分页按钮单击。

当我调用DataTable函数第二次到同一个表。它显示错误，数据表已经启动，我第二次调用它

只需使用destroy: true和paging:

重新创建dataTable

我想只显示表的前10行，但仍然能够对整个表进行排序。但是我还希望能够点击链接并显示整个表格。

我是这样做的:(my table is "ka_ad")

首先，打开分页 

table_ad = $('#ka_ad').DataTable({	
	paging: true,
});

第二(可选):我不想显示数据分页链接和元素，所以我用css 隐藏了它们
#ka_ad_length{display: none;}
#ka_ad_paginate{display: none;}

最后，切换bPaginate设置(我有一个ID为test的按钮):

$('#test').click( function () {
     //console.log(mytable.settings()[0]['oFeatures']['bPaginate'] ); 
   if(table_ad.settings()[0]['oFeatures']['bPaginate'] == false)
        {
              table_ad.settings()[0]['oFeatures']['bPaginate'] = true;
             $('#test').html('Show All Rows');
        }
   else
        {
              table_ad.settings()[0]['oFeatures']['bPaginate'] = false;
              $('#test').html('Show Fewer Rows');
        }
     table_ad.draw(); 
});

试一下

var oTable;
 $(document).ready(function() {
   oTable =  $('#example').DataTable( {
        "paging":   false
    } );
       $('.btn').click( function () {
        oTable.paging= false;
        oTable.fnDraw();
    });
} );

试试这个(但我不保证，因为，我还没有测试过)

var oTable = $('#example').dataTable();
// get settings object after table is initialized
var oSettings = oTable.fnSettings();
oSettings.paging = false;
$(".button").click(function(){
    oSettings.paging = !oSettings.paging;
});
https://www.datatables.net/forums/discussion/16373/enable-disable-features-after-initializing-the-table

相关文章：