私は sPlaceHolder: "thead:after" で columFilter を使用しようとしています
私は使用します:jquery 1.8.1 datatables 1.9.3 columnFilter 1.5.0
私のテーブルは:
<table align="center" border="1" id="tatable">
<thead>
<tr>
<th scope="col">Numero de la prise</th>
<th scope="col">Description</th>
<th scope="col">Piece</th>
<th scope="col">Action</th>
</tr>
<tr>
<th></th>
<th></th>
<th></th>
<th></th>
</tr>
</thead>
<tfoot>
<tr>
<th></th>
<th></th>
<th></th>
<th></th>
</tr>
</tfoot>
<tbody>
// a lot of data
</tbody>
</table>
初期化のための私のjqueryコードは次のとおりです。
$(document).ready(function(){
$('#tatable').dataTable({
"bLengthChange": false,
"iDisplayLength":50
}).columnFilter({
sPlaceHolder: "thead:after",
aoColumns :[
{type: "text"},
{type: "text"},
{type: "text"},
{type: "text"}
]
}
);
});
このコードはヘッダーに2行を表示し、入力はテーブルの一番下にあります...なぜ???
(jquery プラグインのリンク) http://www.datatables.netおよび http://jquery-datatables-column-filter.googlecode.com/svn/trunk/index.html