jQuery dataTables 响应式重新计算问题

Question

我使用的是 v1.10.6，当我更改数据表容器的显示时，所有行都会折叠。我尝试使用:

oTable.responsive.recalc();

和:

oTable.columns.adjust().responsive.recalc();

我也尝试过:

$($.fn.dataTable.tables(true)).DataTable().responsive.recalc();

但它删除了表格的响应功能。

Answer 1

是的，您的问题很容易重现。基本的 responsive: true 初始化实际上会在表格缩小时折叠行，但在表格放大时不会展开行，并且如果您使表格变大，则似乎根本不起作用比其原始尺寸。

但是设置 autoWidth: false 似乎可以解决问题:

var table = $('#example').DataTable({
    autoWidth: false, //<---
    responsive : true
});

window.onresize = function() {
    table.columns.adjust().responsive.recalc();
}    

现在它似乎按预期工作了。
演示 -> http://jsfiddle.net/g0vhvcp7/