【问题标题】:fullnumber pagination style in datatables to disable first and last button when on first and last page of data respectively数据表中的全数分页样式分别在第一页和最后一页数据时禁用第一个和最后一个按钮
【发布时间】:2011-08-26 11:38:56
【问题描述】:

分别在第一页和最后一页数据时禁用第一个和最后一个按钮时遇到问题。我正在使用完全没有分页样式的数据表。它显示第一、下一页、上一页、最后一页按钮,但是当我在第一页时,第一页和下一页与最后一页中的下一页和最后一页不同。

代码是:-

$('#data_table').dataTable( {
        "aaData": dataSet,
        "aaSorting": [[0,'asc'],[0,'desc'],[2,'asc'],[2,'desc'],[3,'asc'],[3,'desc'],[4,'asc'],[4,'desc'],[5,'asc'],[5,'desc'],[6,'asc'],[6,'desc'],[7,'asc'],[7,'desc']],
        "iDisplayLength": 4,                
        "bInfo": true,
        "bLengthChange": false,
        "bPaginate": true,
        "bAutoWidth": false,
        //"bJQueryUI": true,
        "sPaginationType":"full_numbers",               
        "sPageButton": "paginate_button",
        "sPageButtonActive": "paginate_active",
        "sPageButtonStaticDisabled": "paginate_button",
        "sScrollX": "120%",
        //"bAutoWidth": true,
})

【问题讨论】:

  • 由于我们的代码中没有注释,我假设您尝试设置 "bJQueryUI": true ?

标签: jquery datatables


【解决方案1】:

我认为你可以通过 CSS 隐藏它们。

.dataTables_paginate .ui-state-disabled {
     display:none;
}

如果你在 jsfiddle.net 上提供一个例子,谁能更好地帮助你

【讨论】:

    猜你喜欢
    • 2017-08-30
    • 2017-09-09
    • 1970-01-01
    • 2018-01-24
    • 1970-01-01
    • 2016-08-10
    • 2021-06-06
    • 1970-01-01
    • 2021-05-14
    相关资源
    最近更新 更多