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();
            }

    }
}

感谢
BARANI

数据表列标题不会在可折叠面板中自动展开

1 个答案: