web-dev-qa-db-ja.com

jQuery DataTablesでテーブルヘッダーを完全に抑制する方法は?

JQueryのDataTablesプラグイン(www.datatables.net)を使用して、Webページにテーブルを表示しています。

ドキュメントを読み、いくつかの検索を行った後、DataTablesオプションまたはAPIを使用して、テーブルヘッダーを完全に抑制または非表示にする方法を見つけることができません。

19
mydoghasworms

CSSで単純に非表示にしないのはなぜですか(データテーブルを機能させるには、theadセクションが必要だと思います)。

.dataTables_wrapper table thead{
    display:none;
}

ここでフィドル: http://jsfiddle.net/LhZF3/

33

質問がかなり古いことはわかっていますが、今日検索したところ、別の解決策が見つかりました...

あなたのjs/coffeeファイルで:

$("#selector").dataTable({
  ... your other options ...

  fnDrawCallback: -> $("#selector thead").remove()
})

純粋なJSバリアント:

$("#selector").dataTable({
  ... your other options ...

  fnDrawCallback: function() {
    $("#selector thead").remove();
  }
});
13
s.krueger

スタイルを追加するだけdisplay:noneインラインスタイルをtheadタグに追加します。

    <thead style="display:none;">
    </thead>
6
Lucky

これをCSSに追加するだけです:

thead {
  display:none;
}
1
Esa Mäkinen