0

私は（Datatables.netのように）Datatableを使用しており、自分でフォーマットしています。ページネーション ボタンの見栄えを良くするために、次のようにしています。

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

問題は、ページが変更されると fnDrawCallback イベントが発生しますが、Datatable が DOM で終了する前に .button() 呼び出しが発生しているように見えることです。内部にはまだ Button クラスがあるように見えますが、それ自体にはそれらが削除されています。

Datatable の描画が終了した後に fnDrawCallback が発生したと思いましたが、そうではないようです。

提案？

4

1 に答える 1

4

ドキュメントを読む必要があります。答えは次のとおりです。

http://datatables.net/styling/custom_classes

考慮すべきもう 1 つのことは、完全な Jquery UI 統合としての DataTable です。

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

于 2012-04-27T18:37:24.660 に答える