Question

使用 Tabulator 设置最大列宽

2019-02-07

2295

tabulator

我有一个带有 fitDataFill 布局的制表器网格。是否可以为某些列设置最大宽度？

[width] 属性似乎设置了固定宽度（即使自动布局会根据实际数据分配较小的宽度），而 [minWidth] 指定最小宽度（也适用于交互式列大小调整）。

Answer 1

如果您希望阻止用户将列大小调整到超出特定宽度，则可以使用 CSS 进行设置。Tabulator 向所有单元格和列元素添加 tabulator-field 属性，因此，如果您希望限制字段名称为“性别”的列的宽度，则需要使用以下 CSS：

.tabulator [tabulator-field="gender"]{
        max-width:200px;
}

Answer 2

迟到了，但我也有同样的问题。摘自文档 (v4.9)：

var table = new Tabulator("#example-table", {
    columnMaxWidth:300, //maximum column width of 300px
    columns:[
        {title:"name", field:"name", maxWidth:false} //remove max width on this column
    ]
});

如果您使用 autoColumns （自动从数据字段名称添加列），则需要使用 autoColumnsDefinitions （而不是 columns ）。

var table = new Tabulator("#example-table", {
    columnMaxWidth: 300, //maximum column width of 300px
    autoColumns: true, //create columns from data field names,
    autoColumnsDefinitions: [
        { field: "Foo", maxWidth: false }, //don't limit width of Foo column
        { field: "Bar", maxWidth: false }
    ],
});