You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.04.14 15:23:08