yth*_*uma 2 jquery responsive-design datatables-1.10
我使用的是 v1.10.6,当我更改数据表容器的显示时,所有行都折叠起来。我尝试使用:
oTable.responsive.recalc();
Run Code Online (Sandbox Code Playgroud)
和:
oTable.columns.adjust().responsive.recalc();
Run Code Online (Sandbox Code Playgroud)
我也试过:
$($.fn.dataTable.tables(true)).DataTable().responsive.recalc();
Run Code Online (Sandbox Code Playgroud)
但它删除了表格的响应功能。
是的,您的问题很容易重现。responsive: true当表缩小时,基本初始化实际上会折叠行,但在表放大时不会扩展行,如果您使表大于其原始大小,则似乎根本不起作用。
但是设置autoWidth: false似乎可以解决问题:
var table = $('#example').DataTable({
autoWidth: false, //<---
responsive : true
});
window.onresize = function() {
table.columns.adjust().responsive.recalc();
}
Run Code Online (Sandbox Code Playgroud)
现在它似乎可以正常工作。
演示 -> http://jsfiddle.net/g0vhvcp7/