jquery - 数据表 + jquery UI 按钮

Question

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

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

问题是，虽然 fnDrawCallback 事件在页面更改时被触发，但 .button() 调用似乎是在 Datatable 完成 DOM 之前发生的。看起来内部仍然有 Button 类，但它本身已将它们删除。

我认为 fnDrawCallback 发生在Datatable 完成绘图之后，但显然不是。

建议？

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