【问题标题】:Basic table configuration for TabulatorTabulator 的基本表格配置
【发布时间】:2020-10-22 05:14:18
【问题描述】:

我是 Tabulator 的新手,并在文档的帮助下尝试了一些事情。我不确定我是否正确理解“持久模块”的功能,但它似乎适合我想要的行为: 我有一个三页的应用程序。每一页上都有不同的表格,里面有不同的数据。我可以使用 Tabulator 选项一一设置它们。但是一些设置应该适用于所有表格,例如在所有表格中,第二行应具有橙色背景。有没有办法设置一个基本的表配置(例如存储在一个额外的文件、json或类似的东西中),然后我可以在代码中访问它并基本上设置所有具有相同“外观”的表?我希望你明白我的意思。随时询问并提前致谢!

【问题讨论】:

    标签: attributes config tabulator


    【解决方案1】:

    持久性模块旨在存储用户所做的更改以供下次使用,例如,如果他们更改列大小,则当他们回来时表格看起来会相同。它不适用于在表之间共享设置。

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

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

    更多细节可以在Default Options文档中找到

    如果您想在表格之间保持一致的样式,那么我建议只使用 CSS。

    【讨论】:

    • 感谢您的回答。我试过了,是的,它确实适用于单页上的表格。也实现了对持久化模块的理解。
    【解决方案2】:

    是的,这是可能的,但我认为它不会按照您在此处指示的方式进行(即 row[1].style.backgroundColor = 'orange';)

    但是你当然可以在 Persistence 中存储你想要的任何东西,因为你可以定义一个 persistenceReaderFunc 来返回你想要的任何数据到 Tabulator 以帮助布局选项,对于其他配置选项,也可以存储它,但只是不返回它在 persistenceReaderFunc 中。

    即。如果你存储

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

    您只需将 fortabulator 字段返回给 Tabulator,它就可以使用持久性来完成它的工作,并且仍然有数据供您使用颜色选项配置第二行并进行查找

    【讨论】:

    • 感谢您的回答。这有助于将我推向正确的方向。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多