私はdataTableスクリプトを使用して、データベースから取得したデータを簡単にソートし、組み込み関数を使用して特定の列を表示/非表示にしています:
function fnShowHide(iCol) {
var oTable = $('#inventory').dataTable();
var bVis = oTable.fnSettings().aoColumns[iCol].bVisible;
oTable.fnSetColumnVis( iCol, bVis ? false : true );
}
<a href="javascript:void(0);" class="cost" onclick="fnShowHide(10);">Cost</a>
質問は、列が非表示の場合はリンクテキストに「コストを表示」と表示され、列が表示されている場合は「コストを非表示」と表示されるようにするにはどうすればよいですか?