Datatable + jQuery UI按鈕

我正在使用Datatable（如在Datatables.net中）並自己設置格式。爲了使分頁按鈕看起來不錯，我這樣做：Datatable + jQuery UI按鈕

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

的問題是，雖然fnDrawCallback事件被炒魷魚時的頁面改變時，.button（）的調用似乎之前是發生Datatable與DOM完成。它看起來像仍然有Button類的內部，但它本身已經被刪除。

我以爲fnDrawCallback發生後 Datatable是finshed繪圖，但顯然不是。

對此提出建議？

來源

2012-04-27 ian93

你嘗試fnInitComplete？ – pgratton 2012-04-27 18:15:35

每次有分頁事件時都會調用它嗎？ – ian93 2012-04-27 18:16:20

我沒有機會嘗試，但你可以試試 – pgratton 2012-04-27 18:18:36

你應該閱讀文檔，你的答案是沒有：

http://datatables.net/styling/custom_classes

另一個要考慮的是，DataTable的全方位jQuery用戶界面的集成：

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

有了這個初始化：

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

你只需要設置你喜歡的主題，並做出什麼改變你想要的CSS。

去痘痘進一步看一看的jQuery用戶界面的ThemeRoller支持數據表演示： http://datatables.net/styling/themes/redmond

來源

2012-04-27 18:37:24 Zuul

Datatable + jQuery UI按鈕

回答

相關問題