有没有办法在ag-grid中对网格中的所有列和行运行搜索？

Question

我的头衔几乎说明了一切。我想对ag-grid中的每个列和行运行全文搜索（只包含或类似搜索）。这可能吗？它内置于数据表中。

Answer 1

是的，有可能。请参阅https://www.ag-grid.com/javascript-grid-filter-quick/

＆＃13;

＆＃13;

.as-console-wrapper { max-height: 100% !important; top: 0; }

＆＃13;

＆＃13;

＆＃13;

<input type="text" id="filter-text-box" placeholder="Filter..." oninput="onFilterTextBoxChanged()"/>

Answer 2

不是原生的，但您可以实现自己的外部过滤器

在此处查看外部过滤部分https://www.ag-grid.com/angular-grid-filtering/index.php。

Answer 3

Ag-grid Doc - https://www.ag-grid.com/javascript-grid-filter-quick/#quick-filter-example

Plunker - https://plnkr.co/edit/NaDAQYvXoo2P6vxdvPVB?p=preview

使用函数onFilterTextBoxChanged（）

添加一个文本框

<input type="text" id="filter-text-box" placeholder="Filter..." oninput="onFilterTextBoxChanged()"/>

用于Ag-grid的setQuickFilter，其中包含用户在此文本框中输入的值

function onFilterTextBoxChanged() {
    gridOptions.api.setQuickFilter(document.getElementById('filter-text-box').value);
}