0

次のコードを使用して、テーブル内の列の配列の可視性を切り替えます (DataTables JQuery PlugIn を使用します)。

function fnShowHide( iCols )
    {
    var i, iCol;
    var oTable = $('#statstable').dataTable();

    for (i = 0; i < iCols.length; i += 1)
        {
        iCol = iCols[i];
        var bVis = oTable.fnSettings().aoColumns[iCol].bVisible;
        oTable.fnSetColumnVis( iCol, bVis ? false : true );
        }
    }

私はそれをそのように機能させます...

<button id="button">
    <a href="javascript:void(0);" onclick="fnShowHide([0,4,10,11,12,13,14,15,16,17,18]);">Simplify</a>
</button>

問題は... ページにこのようなボタンが複数ある場合、列が混同されます。

可視性に関係なく、すべての列を表示する新しい関数を作成するにはどうすればよいですか?または、このボタンですべてを表示してから、配列内の列をオフにするにはどうすればよいでしょうか?

ありがとう - これはおそらく単純ですが、私は JavaScript にまったく慣れていません。

4

1 に答える 1

1

次のコードはどうですか。

<input id="myButton" value="Click Me!" />

$("#myButton").click(function () {
    showAllColumns();
});

function showAllColumns() {

    var i, iCol;
    var oTable = $('#statstable').dataTable();

    var length = /* get the number of columns */;

    for (i = 0; i < length; i += 1) {
        iCol = i;
        oTable.fnSetColumnVis( iCol, true );
    }
}
于 2013-03-23T07:25:16.947 に答える