現在のデータテーブルバージョン:1.11.4

サーバ側で既存のsearch inputを検索する際にinputパラメータ値を受け入れdjangoでフィルタリングした.

今度は欄ごとにフィルタリングします.

FixedHeaderではcolumnフィルタリングが必要です.

When displaying tables with a particularly large amount of data shown on each page,

it can be useful to have the table's header and/or footer
fixed to the top or bottom of the scrolling window.

This lets your users quickly determine what each column refers to rather than needing to scroll back to the top of the table.

方法。

Individual column filtering

STEP 1

まず、search inputをテーブルに入れます.

    $('#example tfoot th').each( function () {
        var title = $('#example thead th').eq( $(this).index() ).text();
        $(this).html( '<input type="text" placeholder="Search '+title+'" />' );
    } );

STEP 2

バインディング

検索イベント

$( '#example tfoot input' ).on( 'keyup change clear', function () {
    //우선 이벤트까진 정상 발생한다.
    //debugger

    if ( test_table.search() !== this.value && this.value.length>0) {
        search_result = test_table.search( this.value );
        search_result.draw();
    }
} );

は必ずしもdatatable内のコールバックを入れる必要はなく、jクエリ関数でdatatableと分離することもできます.

げんしょう

->同じ検索機能を適用しますが、サーバ側では使用できません.クライアントは正常に動作しています.

ページ自体の問題かもしれませんが、このページからクライアント方式で

を検索してみてください.
https://datatables.net/extensions/colreorder/examples/initialisation/col_filter.html
http://live.datatables.net/tobekuxu/1/edit