2

jquery datatable の columnFilter アドオンを使用しようとしましたが、実行できませんでした。エラーは発生しませんでしたが、テーブルにフィルター/検索フィールドも作成しなかったため、プラグインを正しく追加しました。

データ可能な行はサーバー側で作成され、最初の列にはチェックボックスが含まれています。私のhtmlとjqueryは以下にあります。

何が問題なのですか?

<table id="orderList">
                <thead>
                    <tr>
                        <th><input type=checkbox name='allSelect' class="allSelect"></th>
                        <th> h1 </th>
                        <th> h2 </th>
                        <th> h3 </th>
                        <th> h4 </th>
                        <th> h5 </th>
                    </tr>
                </thead>
            </table>

var oTable = $('#orderList').dataTable(
                {
                    "sScrollY": "350px",
                    "sScrollX": "100%",
                    "bJQueryUI": true,
                    "sPaginationType": "full_numbers",
                    "bProcessing": true,
                    "bServerSide": true,
                    "sAjaxSource": "/project/order_search_ajax/",
                    "aoColumnDefs": [
                      { 'bSortable': false, 'aTargets': [ 0 ] }
                   ]
                }
        ).columnFilter();
4

1 に答える 1

1

Ops。ドキュメントで説明されているように、フッターを追加する必要がありました

<table id="orderList">
                <thead>
                    <tr>
                        <th><input type=checkbox name='allSelect' class="allSelect"></th>
                        <th> h1 </th>
                        <th> h2 </th>
                        <th> h3 </th>
                        <th> h4 </th>
                        <th> h5 </th>
                    </tr>
                </thead>
<tfoot>
        <tr>
            <th>Rendering engine</th>
            <th>Rendering engine</th>
            <th>Browser</th>
            <th>Platform(s)</th>
            <th>Engine version</th>
            <th>CSS grade</th>
        </tr>
    </tfoot>
            </table>
于 2012-06-22T07:50:08.103 に答える