JQueryのDataTablesプラグイン(www.datatables.net)を使用して、Webページにテーブルを表示しています。
ドキュメントを読み、いくつかの検索を行った後、DataTablesオプションまたはAPIを使用して、テーブルヘッダーを完全に抑制または非表示にする方法を見つけることができません。
CSSで単純に非表示にしないのはなぜですか(データテーブルを機能させるには、theadセクションが必要だと思います)。
.dataTables_wrapper table thead{
display:none;
}
ここでフィドル: http://jsfiddle.net/LhZF3/
質問がかなり古いことはわかっていますが、今日検索したところ、別の解決策が見つかりました...
あなたのjs/coffeeファイルで:
$("#selector").dataTable({
... your other options ...
fnDrawCallback: -> $("#selector thead").remove()
})
純粋なJSバリアント:
$("#selector").dataTable({
... your other options ...
fnDrawCallback: function() {
$("#selector thead").remove();
}
});
スタイルを追加するだけdisplay:none
インラインスタイルをtheadタグに追加します。
<thead style="display:none;">
</thead>
これをCSSに追加するだけです:
thead {
display:none;
}