QuickGrid for Blazor

Filtering

QuickGrid doesn't need built-in filtering APIs because you can easily set up your own UI for controlling inclusion criteria and then using that with your data source.

The UI to control filter criteria can be placed anywhere and be built using regular Blazor components and binding. You may wish to use QuickGrid's ColumnOptions feature to place the filtering UI inside a popup associated with a particular column, as in the examples below.

Filtering IQueryable data

If you are using IQueryable data (in-memory or from EF Core), you can use .NET's standard LINQ methods to apply filtering rules before passing this as the grid's Items parameter.

Try out the sliders in the Total column, and notice how the IQueryable is built by combining whichever criteria are in effect.

Argentina0123
Armenia0224
Australia1772246
Austria1157
Azerbaijan0347
Bahamas2002
Bahrain0101
Belarus1337
Belgium3137
Bermuda1001
93 items

Filtering remote data

If you are using remote data, you can pass your current filter criteria to the underlying data source as part of your ItemsProvider callback.

The column options button can also be changed via CSS. Example:

ID
State
City
Company
Status

Total: 25333 results found

An unhandled error has occurred. Reload 🗙