Question

我正在使用Datatable（如在Datatables.net中）并自行格式化。为了使分页按钮看起来不错，我正在这样做：

$(function(){
    $('#data').dataTable({
        "fnDrawCallback" : function() {
            $('#data_next').button();
            $('#data_previous').button();
        }           
    });
} );

问题是，虽然在页面更改时会触发fnDrawCallback事件，但是在Datatable完成DOM之前，似乎会发生.button（）调用。看起来里面仍然有上面的Button类，但它本身已经删除了它们。

我认为fnDrawCallback在之后发生了，数据表是finshed drawing，但显然不是。

建议？

Answer 1

你应该阅读文档，你的答案是：

http://datatables.net/styling/custom_classes

另一件需要考虑的事情是将DataTable作为完整的Jquery UI集成：

http://datatables.net/examples/basic_init/themes.html

使用此初始化：

$(document).ready(function() {
  oTable = $('#example').dataTable({
    "bJQueryUI": true,
    "sPaginationType": "full_numbers"
  });
});

您只需设置首选主题，然后根据需要对css进行更改。

进一步发展，看看有关Jquery UI ThemeRoller支持的dataTable演示： http://datatables.net/styling/themes/redmond

Datatable + jquery UI按钮

1 个答案: