Blazor DataGrid Example - Global Searching
The DataGrid searching feature is demonstrated in this sample. In this example, search for DataGrid records using the toolbar's search box.
Inventor Name | Number of Patent Families | Country | Main Fields of Invention |
---|
Ĺukasz Kowalski | 580 | Poland | Microcontrollers, Embedded systems |
João Pereira | 555 | Portugal | Hydraulic systems |
Štěpán Novák | 542 | Czech Republic | Nanotechnology |
Guðrún Jónsdóttir | 520 | Iceland | Biotechnology |
Zsófia Tóth | 497 | Hungary | Genetic engineering |
Márcio Silveira | 471 | Brazil | Agricultural machinery |
René González | 465 | Mexico | Civil engineering |
Kia Silverbrook | 4737 | Australia | Printing, Digital paper, Internet, Electronics,Lab-on-a-chip, MEMS, Mechanical, VLSI |
Shunpei Yamazaki | 4677 | Japan | Thin film transistors, Liquid crystal displays, Solar cells, Flash memory, OLED |
Lowell L. Wood, Jr. | 1419 | USA | Mosquito laser, Nuclear weapons |
Paul Lapstun | 1281 | Australia | Printing, Digital paper, Internet, Electronics, CGI, VLSI |
Gurtej Sandhu | 1255 | India | Thin film processes and materials, VLSI, Semiconductor device fabrication |
You can search Blazor DataGrid content using the SearchAsync method which takes a search key as a parameter.
In this demo, the DataGrid toolbar includes a search option for the DataGrid's records. To perform a search, the user can type the search key in the toolbar's text box and then click the search button or press the Enter key. To perform the search, the SearchAsync
method will be invoked.
Additionally, the DataGrid supports accent-insensitive searching by setting the IgnoreAccent property to true in SearchSettings, allowing searches to match characters regardless of accent marks or diacritics.
More information about the Searching feature can be found in this documentation section.