11

私は現在、追加のカスタム クラスを jQuery データ テーブル フィルター (ページあたりのレコードと検索)に追加する方法を探しています。

これらのアイテムは次のようにレンダリングされます。

<div id="DataTables_Table_0_length" class="dataTables_length">
    <label>
        <select size="1" name="DataTables_Table_0_length" 
                aria-controls="DataTables_Table_0">
            <option value="10" selected="selected">10</option>
            <option value="25">25</option><option value="50">50</option>
            <option value="100">100</option>
        </select>
        records per page
    </label>
</div>

と

<div class="dataTables_filter" id="DataTables_Table_0_filter">
    <label>
        Search: <input type="text" aria-controls="DataTables_Table_0">
    </label>
</div>

それぞれに追加のクラスを追加する方法を知っている人はいますか? いつものように、いくつかのアドバイスをいただければ幸いです。

4

3 に答える 3

3

これは、fnDrawCallback を使用して jQuery で簡単に行うこともできます。ここでは、Bootstrap のスタイルに 2 つのクラスを追加します。

fnDrawCallback: function( oSettings ) {
$('div#oTable_length select, div#oTable_filter input').addClass("form-control input-sm");
},
于 2014-03-18T14:53:38.867 に答える