jQuery Datatables、指定された列を動的に非表示にする方法

Question

ページサイズが変更されたときにデータテーブルの一部の列を非表示にしたい私はcurremtのサイズに応じていくつかの列を表示/非表示したいと思います。

ありがとうございます。

Answer 1

非常に簡単です。

Answer 2

Responsive拡張機能を使用すると、画面サイズに基づいて列を動的に表示/非表示にすることができます。

オプションで、responsivePriorityオプションを使用して最初に非表示にする列を決定できます。詳細はColumn priorityを参照してください。

また、th要素に特別なクラスを割り当てて列の動作を定義することもできます。詳細はClass logicを参照してください。

追加のCSS/JSファイルを含めるだけで、以下に示すようにresponsiveオプションを使用する必要があります。

$('#example').DataTable({ 
    responsive: true 
});