Question

我正在使用“制表器表格”“版本：4.0.4”。

在将制表符加载到屏幕上的数据之后，在前端调用转换函数来转换制表符表的一些可见数据。一切都按预期进行。

问题是当调整浏览器屏幕或打开窗口的检查元素的大小时，制表符保留制表符加载后所做的更改（例如转换功能），并显示我们从后端接收到的原始数据。

需要帮助：如何保存所做的更改，这些更改不会影响浏览器的大小或打开检查元素。

请参阅屏幕截图以供参考：

代码：

async function columnTab(searchData = "", lmt) {
    searchData = searchData ? searchData : await fetchReqUrl("search", `?limit=${lmt}`, "fetch", "POST", "viewform");    
    searchData = (JSON.parse(searchData));     //data fetched from back end
    let DataCollHead = searchData.columns
    let slNo = [{ title: "Sl No.", formatter: "rownum", align: "center", width: 80 }]
    DataCollHead = slNo.concat(DataCollHead)
    let DataCollList = searchData.tableData
    table = new Tabulator("#searchContainer", {
        // movableRows:true,
        columns: DataCollHead,
        layout: "fitColumns",
        pagination: "local",
        paginationSize: 20,
        clipboard: true,
        clipboardPasteAction: "replace",
        clipboard:true,
        clipboardPasteAction:"replace",
        responsiveLayout: "collapse" , 

    })
    var tableData = DataCollList;
    table.setData(tableData);

    let resultRow = dgei('searchContainer')  //function to translate the data
    resultObj()
    formatResult(resultRow);
}

Answer 1

您遇到的问题是因为您试图从表的外部操作表中的数据。

由于Tabulator使用虚拟DOM，因此您无法从外部安全地编辑其内容，而在重绘表时不会覆盖它。

如果要在进入表时更改数据，则需要使用Mustator功能。

如果您想更改向用户显示数据的方式，则需要使用Formatter功能

制表符保留制表符加载后所做的更改

1 个答案: