制表器：调整表格列宽时修复最右侧列的 position

Question

如何修复最右侧列的 position？

当尝试增加或减少列的大小时，最右边的列会随着调整而移动，在此过程中会产生间隙或水平滚动条。 有没有办法动态调整所有列以允许最右侧列的 position 保持固定？

以下是文档中的一些示例

减少第三列宽度的差距：

从增加第三列宽度的滚动条：

Answer 1

布局模式

如果您想调整列的大小，那么您应该考虑使用fitColumns布局模式。 在表构造函数中，您应该在layout选项上设置它：

var table = new Tabulator("#example-table", {
    layout:"fitColumns",
});

这可以在适合宽度示例中看到

Tabulator 提供了许多用于配置此布局模式的选项，以选择如何调整每列的大小。 可以在布局文档中找到更多信息

冻结列

如果您希望该列保持原位，即使表格水平滚动，您也可以使用dob列的列定义上的frozen属性将其冻结到位：

{title:"Date of Birth", field:"dob", frozen:true}}

更多细节可以在Frozen Columns DOcumentation中找到