reactjs - 自定义过滤器 ag 网格 react

Question

我正在尝试使用 React 在 ag 网格中实现自定义 DropDown 过滤器。我点击的链接是 link

我能够创建过滤器，但默认情况下不会显示过滤器。作为用户，我们需要单击列标题旁边的 3 箭头图标，然后过滤器就会出现。

有没有办法默认显示自定义过滤器下拉列表？

Answer 1

希望 float 过滤器能帮到你。

在 ag-grid documentation 中查看此示例

      filter: "agNumberColumnFilter",
      floatingFilterComponent: "sliderFloatingFilter",
      floatingFilterComponentParams: {
        maxValue: 5,
        suppressFilterButton: true
      },

示例显示了 sliderFloatingFilter，要使其成为下拉过滤器，我认为您需要为其创建自定义组件。

看看如何ag-grid团队在 GitHub code 上制作了 TextFloatingFilterComp、DateFloatingFilterComp、NumberFloatingFilterComp 等。

希望这对您有所帮助。