Blazor DataGrid Example - Find and Highlight

This sample demonstrates the DataGrid built-in find and highlight feature, which enables quick searching and navigation of data within the grid. Matching values are highlighted in real time, making it easier to locate information in large datasets.

Enter a search term in the built-in search box to find matching text, numbers, or partial values. Use the navigation buttons in the toolbar to move between search results without manually scanning rows and columns.

Key features demonstrated in this sample include:

• Search across grid data using text, numbers, or partial values.
• Highlight all matching occurrences in real time.
• Navigate between matches using toolbar navigation controls.
• Use Enter to move to the next match and Shift + Enter to move to the previous match.
• Customize the find experience through the GridFindSettings component, including properties such as Placeholder for search input guidance.

The find functionality is enabled through the grid's Toolbar property, providing a convenient way to search and review records within large datasets.

This feature is useful in applications such as customer management, inventory tracking, support ticket systems, and other data-intensive scenarios that require fast access to specific information.

For more detailed information about the find and highlight feature, refer to the find and highlight documentation.

Looking for the full Blazor DataGrid component overview, features, pricing, and documentation? Visit our Blazor DataGrid component page.