features
Menu
Menu

Search

You can easily search to your grid by setting the search attribute on your <zing-grid> tag.

On This Page

Default Search

Once you add the search attribute, a search icon will appear on the caption to make the grid searchable.
Edit
Download
CloseCopy Copied
CloseCopy Copied
CloseCopy Copied

External Input

You can use an external input and use our API method searchGrid('...') to dynamically search the grid from an external input.
CloseCopy Copied
const zgRef = document.querySelector('zing-grid');
zgRef.searchGrid('stringToSearchGrid');
Edit
Download
CloseCopy Copied
CloseCopy Copied
CloseCopy Copied

Server Search

Use the searchKey attribute to enable server search.
CloseCopy Copied
<zg-param name="searchKey" value="search"></zg-param>
Edit
Download
CloseCopy Copied
CloseCopy Copied
CloseCopy Copied

Join the Community

Support, extra demos, pre-releases and more

loadingloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloading