angular - 如何更改 Ag-grid 过滤器中的占位符文本？

Question

我正在使用 Ag-grid，我只想更改过滤器的占位符文本。我需要使用自定义过滤器还是可以通过其他方式完成。请帮助

下面是图片的链接。我试图在其中显示我需要更改的占位符的“过滤器”文本。

标签： angularag-grid

Answer 1

不幸的是，默认文本过滤器的 ag-Grid 自定义选项非常差。

但是您可以通过简单的 DOM 操作来实现您的目标：

Array.from(document.getElementsByClassName('ag-floating-filter-input')).forEach((obj) => {
  if (obj.attributes['disabled']) { // skip columns with disabled filter
    return;
  }
  obj.setAttribute('placeholder', 'Filter...');
});

这将抓取 ag-Grid（通过 'ag-floating-filter-input'）类的所有过滤器文本输入，并将占位符值设置为您的值。