jquery - 数据表中的全数字分页样式，分别在数据的第一页和最后一页时禁用第一个和最后一个按钮

Question

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

代码是:-

$('#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,
})

Answer 1

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

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

如果您在 jsfiddle.net 上提供示例，他可以更好地帮助您