如何使用 Tabulator 格式化标题选择的过滤器值？

Question

这是对this SO question 的跟进。它与使用 Tabulator 的 SELECT 标题过滤器有关。接受的答案适用于格式化列表项

{
      title: "Topic",
      field: "topic",
      width: 120,
      headerFilterPlaceholder: "-- Select --", 
      headerFilter:"select", 
      headerFilterParams: {
          values: [1.0, 1.1, 1.2],
          listItemFormatter:function(value, title){ 
              return "<b>" + title + "</b>";
          },
      }
},

但是，一旦选择，如果编辑器的选定值（？）就会出现格式，并且我们会使用标题而不是标题来显示格式。我们认为我们可能需要自定义编辑器来解决此问题，但不确定。我们不希望用户能够编辑表格中的值，我们只想选择要显示的选项值，而不需要从 listItemFormatter 格式化 HTML。

例如，如果选择 1.0，我们希望 1.0 在选择后显示在过滤框中，而不是 <b>1.0</b>。 This JS Fiddle 是用一个例子设置的。选择一个格式化列表选项，您应该在选择后在选择框中看到格式化的值。如何删除所选值的格式？

Answer 1

您无法使用内置的选择编辑器执行此操作，因为它使用输入元素来显示所选值，而输入元素只能保存文本。

要获得此功能，您需要构建一个自定义编辑器。 Tabulator 有文档可以带您浏览 How to build a custom editor

您甚至可以将其基于现有的选择编辑器，您可以找到 here 的代码