javascript - 如何在不改变其他列的大小的情况下调整表格列的大小？

Question

我有一个 HTML 表格，我向其中添加了一堆交互行为(可添加、可移动、可移动列、重命名列等)。最后一 block 拼图是可调整大小的列。我主要通过允许用户在边框的 5px 范围内单击然后拖动鼠标来实现它。我的问题是，当调整一列的大小时，其他列会增大或缩小以补偿并保持表格的宽度。我想要的行为是根据列的调整大小来增加(或缩小)表格，而不调整任何其他列宽。这可以用 CSS/JS 实现吗？

Answer 1

table {
  table-layout: fixed;
}