0

タブ内にデータ可能があります。私のアプリケーションには左ペインと中央ペインがあります。中央のペインにはデータ テーブルが表示され、左側のペインは参照に使用されます。左ペインは折りたたみ可能ですが、左ペインを折りたたむたびに、データテーブルの列幅は新しい幅に基づいて自動的にサイズ変更されませんが、列ヘッダーのいずれかをクリックすると、新しい幅に基づいて展開/折りたたみます。この問題を解決する方法がわかりません。

以下のコードを使用してみました。テーブルは適切に展開されますが、列見出しをクリックしない限り、列は展開/折りたたまれません。

    function collapse () {
   $("#"+elementId).css('width', '100%');
  $("#"+elementId).datatable().fnAdjustColumnSizing();
} );
4

1 に答える 1

0

$.fn.dataTable.fnTables(true) を使用してすべてのテーブル インスタンスを取得し、各テーブルの列サイズを調整できることがわかりました。

以下のようなもの、

function onCollapse(e) {
    var table = $.fn.dataTable.fnTables(true);
    if ( table.length > 0 ) {

            for(var i=0;i<table.length;i++){
                $(table[i]).dataTable().fnAdjustColumnSizing();
            }

    }
}

ありがとう
バラニ

于 2012-11-29T18:24:07.340 に答える