0

我正在使用制表符 4.0.5。

要更新我正在使用的数据table.updateOrAddData(data)。它工作正常，但有一个副作用 - 这种方法滚动到整个表格的顶部。

我无法使用table.replaceData(data)，因为某些单元格有自定义工具提示（带图像）。table.replaceData(data)将创建新节点，我将不得不创建新的工具提示。因此，工具提示将重新出现在每次数据替换上。这种行为是不希望的。

有没有办法在不滚动顶部的情况下更新日期？也许一些黑客？

更新：

有一个简化的构造函数代码：

const table = new Tabulator('#selector', {
    index: 'my_id',
    selectable: true,
    responsiveLayout: 'hide',
    layout: 'fitColumns',
    columns: [
        {
            field: 'thumbnail',
            resizable: false,
            cssClass: 'tooltip-container',
            formatter: (cell) => {
                let imgSrc = cell.getValue();
                return (
                    `<div class="tool-tip tool-tip__center">
                        <img class="tool-tip__icon" src="${imgSrc}">
                        <p class="tool-tip__info">
                            <img src="${imgSrc}">
                        </p>
                    </div>`
                );
            },
            headerSort: false,
        },
        // other columns
    ],
});

因此，在格式化程序中，我创建了将显示在单元格（类tool-tip__icon）中的图像和将显示在悬停（.tool-tip:hover .tool-tip__info {display: block;}）上的工具提示。

当我这样做时.replaceData(newData)（可能很频繁），工具提示会闪烁。因为该表正在使用新节点重新渲染。

4

0 回答 0