DataTables结合colResize.js实现Excel式独立列宽调整的问题咨询
DataTables结合colResize.js实现Excel式独立列宽调整的问题咨询
我现在在用colResize插件调整DataTables的列宽,但遇到了个小困扰:当我缩小某一列的宽度时,其他列的宽度会自动变宽,把表格的固定宽度填满。我猜这是因为表格本身设置了固定宽度,所以一列缩小后,其他列就自动扩容补位了。
我的DataTables初始化代码和测试数据如下:
let table = new DataTable("#myTable", { pageLength: 25, info: false, colResize: { mode: "overflow", realtime: true, }, responsive: true, scrollX: true, autoWidth: false, lengthChange: false, searching: true, fixedHeader: true, destroy: true, processing: true, stateSave: true, scrollCollapse: true, }); let rowsData = [ ["Jane Smith", "Manager", "London", "45", "2017/05/12", "$90,000"], ["Mark Wilson", "Designer", "Berlin", "78", "2021/08/11", "$23,000"], ["Mark Wilson", "Designer", "Berlin", "56", "2021/08/11", "$90,000"], ["Jane Smith", "Manager", "London", "45", "2019/03/29", "$23,000"], ["Oscar Gutierrez", "Programmer", "Tokio", "19", "2019/03/29", "$23,000"], ["Diego", "Programmer", "Paris", "22", "2019/03/29", "$132,000"], ["Jordi", "Programmer", "Paris", "32", "2019/03/29", "$132,000"], ]; table.rows.add(rowsData).draw(); return table;
我想要实现类似Excel里的列宽调整效果——只改变我拖动的那列的宽度,其他所有列都保持原来的宽度不变;如果把某一列拖得更窄,整个表格的总宽度也跟着变小,而不是让其他列自动补满空缺的宽度。
目前我用的是DataTables 1.13.1版本,colResize.js插件用的是最新版,有没有办法调整配置来实现这个需求呀?
备注:内容来源于stack exchange,提问作者Oscar Gutierrez
相关产品推荐
相关产品推荐

