应用过滤器时突出显示或标记表格中的过滤值 - 制表符

如何解决应用过滤器时突出显示或标记表格中的过滤值 - 制表符

如何在制表符表格中突出显示过滤后的文本？

我正在使用制表符通用过滤器功能，我想在制表符表中突出显示过滤后的文本。

解决方法

要做到这一点，您需要构建一个使用正则表达式的 Custom Formatter 或查找和替换以查看单元格值并将与过滤器输入值匹配的任何区域替换为包含该过滤器输入的跨度值并在行内样式上添加一个类以突出显示文本。

然后您可以将此格式化程序分配给包含单元格的文本。

您还需要在触发过滤器后调用 redraw 函数以确保我们重新触发格式化程序以获取新的过滤器值：

table.redraw(true);

,

在您的代码中，此函数用于在输入为 onkeyup 时设置过滤器

$("#tabulator-controls input[name=name]").on("keyup",function(){
        table.setFilter( "name","like",$(this).val())
});

尝试将其编辑为：

$("#tabulator-controls input[name=name]").on("keyup",$(this).val())

        // This should change the background of the line to red when filtered
        row.getElement().style.backgroundColor = "#00FF00";

});