我正在尝试在几个页面上使用DataTables.js,我需要让它们响应。几个不同页面上的多个表格效果很好,但在一个页面上,列和宽度总是会从容器中伸出来。
当我缩小屏幕时,最后一列(操作列)被隐藏,但是当我进一步缩小屏幕时,它就会保持这种状态,尽管有宽度和最大宽度的css属性,表也会伸出容器。
var table = $('#mytable').DataTable({
"lengthMenu": [ 10, 25, 50, 75, 100 ],
"language": {
"emptyTable": "No information is available at this time."
}
});
这是初始化js代码:
table.responsive.recalc();
table.columns.adjust().draw();
我在窗口调整大小(debounce)上使用它:
plotOptions: {
series: {
dataLabels: {
enabled: true,
color: '#fff',
borderWidth: 0,
y: 10
}
},