禁用数据表中没有数据的按钮答案

【问题标题】：disable the buttons in the datatables which have no data禁用数据表中没有数据的按钮
【发布时间】：2011-08-25 13:09:44
【问题描述】：

我想在没有数据时禁用分页按钮。即当用户看到最后一页中的数据时，表格将禁用最后一个按钮，与第一页相同，并且相应地上一页和下一页。

我有以下代码

$('#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,
                "sPaginationType": "full_numbers",
                "bAutoWidth": true
})

我已经完成了分页部分的工作，但是当我看到最后一页数据时，我仍然可以单击最后一个按钮，如果我看到第一页数据，我仍然可以单击第一个按钮。如果我们在第一页或最后一页，则应禁用该按钮。

【问题讨论】：

标签： javascript jquery firefox datatables

【解决方案1】：

添加

.paginate_button_disabled {display: none; }

到您的CSS。这仅适用于“full_numbers”版本的分页。

【讨论】：

【解决方案2】：

.dataTable() 函数是否将 CSS 类添加到第一个和最后一个按钮？使用 Firebug 找出答案。

如果是这样，只需使用 CSS。

a.last-disabled { display: none; }

或 jQuery 和 CSS：

$('a.last-disabled').css('color', '#ccc'); // grey out
$('a.last-disabled').click(function() { return false; });

【讨论】：

我的分页编号和最后一个、上一个、第一个、下一个按钮直接来自 "sPaginationType": "full_numbers" 那么我如何使用 css 来实现这一点

【解决方案3】：

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

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

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

【讨论】：