jQuery 数据表响应重新计算问题

Question

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

oTable.responsive.recalc();

和：

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

我也试过：

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

但它正在删除 table 的响应功能。

Answer 1

是的，您的问题很容易重现。一个基本的 responsive: true 初始化实际上会在 table 缩小时折叠行，但在 table 放大时不会扩展行，并且如果你使table 大于其原始大小。

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

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

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

现在它似乎可以正常工作了。
演示 -> http://jsfiddle.net/g0vhvcp7/

jQuery 数据表响应重新计算问题

jQuery dataTables responsive recalc Issue

jquery

responsive-design

datatables-1.10