jQueryのDataTablesプラグイン(www.datatables.net)を使用して、Webページに表を表示しています。jQuery DataTablesでテーブルヘッダーを完全に抑制する方法は?
ドキュメントを読んでいくつかの検索を行った後、DataTablesオプションまたはAPIを使用して、テーブルヘッダーを完全に非表示または非表示にする方法がわかりません。
jQueryのDataTablesプラグイン(www.datatables.net)を使用して、Webページに表を表示しています。jQuery DataTablesでテーブルヘッダーを完全に抑制する方法は?
ドキュメントを読んでいくつかの検索を行った後、DataTablesオプションまたはAPIを使用して、テーブルヘッダーを完全に非表示または非表示にする方法がわかりません。
なぜあなたはcssでそれらを隠さないのですか(私はdatatablesがtheadセクションを動作させる必要があると思います)?ここ
.dataTables_wrapper table thead{
display:none;
}
私は質問がかなり古いですけど、今日はそれを検索し、別の解決策を見つけた...あなたのJSで
/コーヒーファイル:
$("#selector").dataTable({
... your other options ...
fnDrawCallback: -> $("#selector thead").remove()
})
ピュアJSバリアント:
$("#selector").dataTable({
... your other options ...
fnDrawCallback: function() {
$("#selector thead").remove();
}
});
これは私のために働いていました:ディスプレイなし:テーブルのヘッダーはまだボディのレンダリングに影響します.. – Benjamin
こちらもご覧ください:http://stackoverflow.com/questions/16802753/jquery-datatables-hide-thead –
ちょうどあなたのCSSに以下を追加:
thead {
display:none;
}
注意してください。これにより、Datatablesに関係なく、すべてのテーブルのすべてのヘッダーが抑制されます。 –
シンプルあなたのthead要素タグにスタイルdisplay:none
インラインスタイルを追加します。
<thead style="display:none;">
</thead>
ありがとうございます。 DOM/CSSを使いこなすのは最も洗練された解決策ではありませんが、少なくともそれはうまくいきます:-) – mydoghasworms
素晴らしいことですが、API自体がこのような機能を公開しないことは非常に奇妙です。 –