制表器：調整表格列寬時修復最右側列的 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中找到