javascript - 当父 div 中的数据表表被隐藏时，数据表数据表工具不起作用

Question

我正在创建一个自定义 Accordion ， Accordion 内容(向上和向下滑动的那个)里面有一个表(数据表)。很明显，默认情况下， Accordion 内容 div(数据表表包装器)是隐藏的，但一旦显示，数据表表工具就无法正常工作。你可以访问这个demo of mine并查看真正的问题，第一部分是问题所在，单击按钮，将显示表格。第二部分是一个工作表，其中未隐藏父 div(数据表表的包装)。

非常感谢任何帮助、线索、想法、建议和建议。谢谢!

Answer 1

我在引导选项卡上遇到过类似的问题，并想出了这个:

$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
    var target_id = $(e.target).attr("href");
    var jqTable = $(target_id).find("table");
    var oTableTools = TableTools.fnGetInstance( jqTable[0] );
    if (oTableTools != null && oTableTools.fnResizeRequired()){
        /**
         *  A resize of TableTools' buttons and DataTables' columns is only required on the
         * first visible draw of the table
         */
        jqTable.dataTable().fnAdjustColumnSizing();
        oTableTools.fnResizeButtons();
    }
});

不过，我已经使用 DataTable() 而不是像您正在做的那样使用 dataTable() 初始化了我的表。也许改变它并再次尝试@davidkonrad 的建议？