Tabulator 的基本 table 配置

Question

我是 Tabulator 的新手，正在借助文档尝试一些东西。我不确定我是否正确理解“持久模块”的功能，但似乎 suitable 符合我想要的行为：我有一个包含三个页面的应用程序。在每一页上都有不同的 table 具有不同的数据。我可以使用 Tabulator 选项将它们一一设置。但是一些设置应该适用于所有 tables，例如在所有 table 中，第二行应该有橙色背景。有什么方法可以设置一个基本的 table 配置（例如存储在一个额外的文件中，json 或类似的东西）然后我可以在代码中访问并基本上设置所有 table 具有相同的“外观”？我希望你明白我的意思。请随时回复并提前致谢！

Answer 1

是的，这是可能的，但我认为它不会按照您在此处指示的那样执行（即行[1]。style.backgroundColor = 'orange';）

但是你当然可以在 Persistence 中存储你想要的任何东西，因为你可以定义一个 persistenceReaderFunc，它 return 将你想要的任何数据提供给 Tabulator 以协助布局选项，对于其他配置选项，存储它同样，但只是不 return 它在 persistenceReaderFunc.

即。如果你存储

{ 
    "notfortabulator" : { "row2color": "orange" },
    "fortabulator" : [
        { "field":"fieldName","width":63,"visible":false }
    ],
}

您只需要 return 将 fortabulator 字段设置为 Tabulator，它就可以通过持久性完成它的工作，并且仍然有数据供您使用颜色选项配置第二行并进行查找

Answer 2

持久性模块用于存储用户所做的更改以供下次使用，例如，如果他们更改列大小，table 返回时看起来会一样。它不适用于在 table 之间共享设置。

如果您想确保在页面上的所有 table 上使用相同的设置选项，那么您可以使用以下代码覆盖默认配置选项，从那时起在任何 [=21] =] 已设置的将具有该设置。例如，如果您希望页面上的每个 table 都具有相同的布局模式，您可以在创建第一个 table 之前添加上面的代码，之后创建的所有 table 都会具有该布局模式，除非您在其构造函数中设置不同的内容：

Tabulator.prototype.defaultOptions.layout = "fitColumns";

可以在 Default Options 文档中找到更多详细信息

如果您想在 table 中保持一致的样式，那么我建议只使用 CSS。

Tabulator 的基本 table 配置

Basic table configuration for Tabulator

attributes

config

tabulator