You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Tabulator:如何仅持久化列顺序而非标题及扩展属性配置

在Tabulator中仅持久化列顺序或自定义组合属性的实现方法

可以仅持久化列顺序,也可以按需组合列顺序与其他指定属性进行持久化,具体实现如下:

仅持久化列顺序

Tabulator中列顺序对应的持久化属性为order,只需在persistenceConfig的columns字段中指定该属性即可:

var table = new Tabulator("#example-table", {
    persistence: true,
    persistenceMode: "local", // 可根据需求选择local/session/cookie
    columns: [
        // 你的列配置
    ],
    persistenceConfig: {
        columns: ["order"], // 仅保存列顺序
    },
});

同时持久化列顺序与其他指定属性

如果需要同时保存列顺序和其他属性(比如宽度、可见性),将对应属性名加入columns数组即可。例如同时持久化列顺序、宽度和可见性:

var table = new Tabulator("#example-table", {
    persistence: true,
    persistenceMode: "local",
    columns: [
        // 你的列配置
    ],
    persistenceConfig: {
        columns: ["order", "width", "visible"], // 自定义组合持久化属性
    },
});

可持久化的列属性说明

Tabulator支持的列级持久化属性包括:

  • order:列顺序
  • width:列宽度
  • visible:列可见性
  • title:列标题

你可以根据业务需求自由组合这些属性,实现精准的持久化范围控制。

内容的提问来源于stack exchange,提问作者Keorl

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.26 20:15:03