データテーブル (jquery データテーブル) に追加したフィルターは、ヘッダーに追加する方法を理解するまで完全に機能しました。
私が最初に扱ったのは次のようなものです:
$('select#booking_status').change( function() { oTable.fnFilter( $(this).val() ); } );
sDom機能を使用してヘッダー内に選択メニューを追加するまで、これは機能しました
"sDom": '<"H"<"tools">lfr>t<"F"ip>'
最後の部分もよくわかりませんが、例に従って選択をラップするまで、どこで動作させることができなかったようです...
$("div.tools").html('Organize by: <select id="booking_status"><option value="">All Bookings</option><option value="confirmed">Upcoming</option><option value="arrived">Arrived</option><option value="rejected">Rejected</option></select>');
最初は、テーブルの外側の div にありました。
http://www.datatables.net/examples/advanced_init/dom_toolbar.html