javascript - 使用分页初始化 dataTable,然后禁用它

标签 javascript dom datatable pagination

有没有一种方法可以像往常一样用 dataTable 分页来启动一个表, 然后在加载 dom 后,触发一个事件(单击以获取实例)并删除分页?也就是说,把表中的所有记录重新放一遍。

已更新

        $('.dynamicTable').dataTable({
            "sPaginationType": "bootstrap",
            "sDom": "<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>",
            "oLanguage": {
                "sLengthMenu": "_MENU_ records per page"
            }
        });

我上面有这段代码,其中 120 行来 self 的 php.ini。自然地,dataTable 每 10 行对其进行分页,因此 12 页。我想用 dataTable 正常分页启动我的 DOM,但是,在我单击一个按钮后,它禁用了 dataTable 的分页;换句话说,在“一页”中显示我的所有记录。我不确定我是否描述得很好,有人能理解我吗?呵呵谢谢。

最佳答案

有两种方法可以帮助显示数据表中的所有记录:

iDisplayLength 是显示在数据表上的初始长度

aLengthMenu 是用户可以在显示 [#] 条目菜单项中拥有的选择

因此,为您的代码添加这些以使其初始显示长度为 15,并可选择 15、25、50 或全部

   $('.dynamicTable').dataTable({
        "sPaginationType": "bootstrap",
        "sDom": "<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>",
        "oLanguage": {
            "sLengthMenu": "_MENU_ records per page"
        },
       "iDisplayLength": 15,
       "aLengthMenu": [[15, 25, 50, -1], [15, 25, 50, "All"]]
    });

根据您的应用程序需要使用数字来了解什么最有效

aLengthMenu 文档 http://www.datatables.net/examples/advanced_init/length_menu.html

关于javascript - 使用分页初始化 dataTable,然后禁用它,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16237841/

相关文章:

jQuery DataTables ajax 格式数据

javascript - jQuery 以编程方式更改 slider 值

javascript - 检测没有超链接的文本中的 URL 并用超链接替换普通 URL?

javascript - jQuery:在已选元素中选择一个元素

javascript - 获取 iframe 的文档对象

c# - 找不到数据表命名空间

javascript - 我需要使用 javascript 和 css 更改段落中的第一句粗体

javascript - 有没有办法使用 sinon stub 方法,其中方法有两个参数

javascript - 在 JavaScript 中使用 HTML 表格时,这种方法正确吗?

java - 修复 p :dataTable width in PrimeFaces