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

时间:2011-08-26 11:38:57

标签: jquery datatables

我遇到的问题是分别在数据的第一页和最后一页时禁用第一个和最后一个按钮。我正在使用完全没有分页风格的数据表。它显示了第一个,下一个,prevoius,最后一个按钮,但是当我在第一页时,第一页和下一页没有被禁用,相同的是最后一页的下一页和最后一页。

代码是: -

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

1 个答案:

答案 0 :(得分:4)

嗯,你可以通过CSS隐藏它们。

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

如果您在jsfiddle.net上提供示例,那么可以帮助您更好地