2

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

oTable.responsive.recalc();

和:

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

我也试过:

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

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

4

1 回答 1

5

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

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

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

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

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

于 2015-05-15T08:50:10.463 回答