Outline
- Fundamentals of ag-Grid with Angular
- Fundamentals of ag-Grid with Angular: Data
- Fundamentals of ag-Grid with Angular: Columns
- Fundamentals of ag-Grid with Angular: Filtering
- Fundamentals of ag-Grid with Angular: Rows
- Fundamentals of ag-Grid with Angular: Styling
- Fundamentals of ag-Grid with Angular: Cell Editing
- Fundamentals of ag-Grid with Angular: Custom Components
Outline
- Fundamentals of ag-Grid with Angular
- Fundamentals of ag-Grid with Angular: Data
- Fundamentals of ag-Grid with Angular: Columns
- Fundamentals of ag-Grid with Angular: Filtering
- Fundamentals of ag-Grid with Angular: Rows
- Fundamentals of ag-Grid with Angular: Styling
- Fundamentals of ag-Grid with Angular: Cell Editing
- Fundamentals of ag-Grid with Angular: Custom Components
Goals
- Build a simple form for searching the grid.
- Use the
quickFilterText
input binding on the<ag-grid-angular>
component to filter the grid based on the user-provided query string. - Or, use the
setQuickFilter()
method in the Grid API to filter the grid. - The
getQuickFilterText
property of a column definition provides a hook for us to specify a function that return the explicit value to use when filtering a column based on the row data. - Caching quick filter search results for improved performance via the
cacheQuickFilter
input binding.