tabulator 的headerDefaults:属性
时间: 2024-12-11 21:26:16 浏览: 23
Tabulator的`headerDefaults`属性是一个对象,它允许你在创建表格时为所有列的表头默认设置提供一致性的选项。当你为`columns`数组中的每个单独的列对象设置了一些特性,但是又希望有一些共通的行为时,`headerDefaults`非常有用。比如,你可以在这里定义默认的字体大小、颜色、对齐方式、是否可以排序等。
下面是一个例子:
```javascript
var table = new Tabulator("#example-table", {
headerDefaults: {
title: "标题", // 每个列标题的基础文本
align: "left", // 列标题默认的对齐方式
formatter: "progress", // 默认的格式化函数
width: 150, // 如果未指定,则所有列宽将为150像素
cellClick: function(cell) { // 默认点击事件处理
console.log('Cell clicked:', cell.getData());
}
},
columns: [
{ title: "名字", field: "name" },
{ title: "年龄", field: "age" }
]
});
```
在这个示例中,除了`title`之外,其他所有的`headerDefaults`都会应用到名为"名字"和"年龄"的列上,除非它们有自己的特定配置。
阅读全文