2

kikeテーブルプラグインを使用して、列幅を動的に拡大/縮小しています。列幅を減らしてもテーブル幅が減らないため、テーブルの最後の列が使用可能な余分な幅を占めるという事実を除いて、すべてが正常に機能しているようです。

列幅を元の列幅にリセットする方法はありますか?

sScrollxを100%に設定しました

"sScrollX": "100%",

テーブルを元の幅にリセットする機能があります。

function resizeTable(tableId)
{
var oTable = $("#" + tableId).dataTable();
var oSettings = oTable.fnSettings();
oSettings.oScroll.sX = "840px"; // <- updated!
oTable.fnDraw(false);
}

上記のコードを使用して、ボタンをクリックしたときにスクロールx値をリセットしようとしましたが、これはテーブルの幅に関しては何の効果もないようです。

使ってみoTable.fnAdjustColumnSizing();ましたが、役に立たなかった...

誰かがこの問題を解決するための最善の方法を教えてもらえますか?

4

2 に答える 2

4

bAutoWidth : falsedataTables設定で指定してみることができます。

于 2013-01-31T09:50:39.440 に答える
1

Kikeテーブル(テーブルクラス)がdatatable(クラス)をオーバーライドしていたため、これらのテーブルでdatatables関数を使用できなかったため、次のような解決策を考え出しました。

function resizeDataTable(dataTableid){
 $("#" + dataTableid).removeClass('kiketable-colsizable'); // Remove kike column class
    var oTable = $("#" + dataTableid).dataTable(); 
    $(oTable).css({ width: $(oTable).parent().width() }); // Perform datatable functions
    oTable.fnAdjustColumnSizing(); 
  $("#" + dataTableid).addClass('kiketable-colsizable'); // Add kike column class
}

これは完璧に機能します。

于 2013-02-05T18:34:24.843 に答える