Tabulator如何提取公共配置为变量实现多表格配置复用

完全可以实现，这是前端复用公共配置的标准实践，具体操作如下：

第一步：提取公共配置到独立变量 #

先把所有表格通用的参数存入一个公共的配置对象即可：

const commonTabulatorConfig = {
    height:370,
    pagination:"local",
    paginationAddRow:"table",
    paginationSize:10,
    movableColumns:true,
    layout:"fitDataFill",
    placeholder:"Nessun dato",
    locale:"it-it",
    langs:MagoTabulatorLangITA,
    
    ajaxConfig:"POST",
    ajaxContentType:"json", 

    persistence:{
        sort: true,
        group: true,
        columns: true,
    },
};

第二步：初始化表格时引入公共配置 #

使用ES6对象扩展运算符...把公共配置展开到当前表格的配置对象中即可。如果你有某个表格需要单独修改部分配置，直接在后续声明对应参数就会自动覆盖公共配置：

// 完全使用公共配置的表格
tablename1 = new Tabulator("#tablename1", {
    ...commonTabulatorConfig
});

// 需要自定义部分参数的表格示例
tablename2 = new Tabulator("#tablename2", {
    ...commonTabulatorConfig,
    paginationSize: 20, // 覆盖公共配置的分页条数
    height: 500 // 覆盖公共配置的高度
});

如果你使用的环境不支持ES6扩展运算符，也可以用Object.assign实现相同效果：

tablename1 = new Tabulator("#tablename1", Object.assign({}, commonTabulatorConfig, {
    // 此处放置需要自定义的参数，无自定义内容可留空
}));

内容的提问来源于stack exchange，提问作者Alberto