私は少し圧倒される可能性のある情報の大きなテーブルを持っています。現在、必要なものを見つけやすくするために、特定の列を表示または非表示にするボタンがあります。このコードを使用して表示/非表示にします。
<script type="text/javascript" charset="utf-8">
function fnShowHide( iCol )
{
var oTable = $('#tablename').dataTable();
var bVis = oTable.fnSettings().aoColumns[iCol].bVisible;
oTable.fnSetColumnVis( iCol, bVis ? false : true );
}
</script>
後で、次のコードを使用して、テーブル内の特定の列を非表示または表示します。
<button id="button">
<a href="javascript:void(0);" onclick="fnShowHide(0);">Column1</a>
</button>
<button id="button">
<a href="javascript:void(0);" onclick="fnShowHide(1);">Column2</a>
</button>
<button id="button">
<a href="javascript:void(0);" onclick="fnShowHide(2);">Column3</a>
</button>
単一の行だけでなく、複数の行を非表示または表示する単一のボタンを作成するにはどうすればよいですか?
私はDataTablesを使用してデータを表示しており、上のボタンにこの例を使用しています(違いが生じる場合)。