jquery-datatables - 数据表列标题未在可折叠面板中自动展开

Question

我在选项卡中有一个数据表。我的应用程序有一个左窗格和一个中心窗格。中间窗格显示数据表，左侧窗格用于浏览。我的左窗格是可折叠的，但是每当我折叠左窗格时，数据表中的列宽不会根据新宽度自动调整大小，但是当我单击任何列标题时，它会根据新宽度展开/折叠。我不知道如何解决这个问题。

我尝试使用下面的代码，表格可以正确展开，但除非我单击列标题，否则列不会展开/折叠。

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

Answer 1

我发现我们可以使用 $.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();
            }

    }
}

谢谢巴拉尼
_