React Tabulator - header 过滤特定 select 列 - 删除 'X'

Question

在 React 制表符列上，您可以删除 header 过滤器上的清除 'x' 选项吗？

问题：如果他们单击 'X'，它会按预期清除过滤器，但如果他们单击另一个列表项的相同过滤器，则不会加载列表。

如果他们只是点击列表项而不点击 'X' 它工作正常。
专栏：

{
    title: 'Column',
    field: 'Column',
    headerFilter: 'select',
    headerFilterParams: {
                values: true,
                sortValuesList: 'asc',
                },
            width: 125,
}

我已将其包含在整个页面的 CSS 代码中以删除 'X' 删除选项，但我只对针对特定 header 而不是全部更改它感兴趣。所有列都是输入搜索类型。

`input[type='search']::-ms-clear { display: none; width: 0; height: 0; } input[type='search']::-ms-reveal { display: none; width: 0; height: 0; }

input[type='search']::-webkit-search-decoration, input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-results-button, input[type='search']::-webkit-search-results-decoration { display: none;`

我也玩过 built-in titleFormatter 和 Tabulator，但无法正常工作。

Answer 1

这可能是 Tabulator 中的错误。我已经使用 blur 来解决这个问题..

Tabulator.extendModule("edit", "editors", {
  select: function (cell, onRendered, success, cancel, options) {
    let inputElement = SelectEditor.call(
        this,
        cell,
        onRendered,
        success,
        cancel,
        options
    );
  
    let listener = function (event) {
    inputElement.blur();
  };

  inputElement.addEventListener("search", listener);
  return inputElement;
}
});

查看我的CodeSandBox

此外，您还可以在 Tabulator 上报告 Github

React Tabulator - header 过滤特定 select 列 - 删除 'X'

React Tabulator - header filter for specific select column - remove 'X'

css

reactjs

tabulator