Simple Data Grid for Blazor

This project was created to show how to added a search box to our simple data grid.

by David Gallivan

Why

We created a nice simple data grid for general use in or applications. We want to add a search feature to the grid so users can look for specific records in their data table.

Getting Started

1. Clone this repository

   git clone https://github.com/CodingWithDavid/SimpleGridWithSearch
   cd SimpleGridWithSearch

2. Open in Visual Studio or Visual Code a. With Visual Code you will need to install the C# extensions

3. Press F5

What's in the App

1. UI component, search box
2. Does a full search on the records in the data collection
3. Updates the UI with the search results
4. Applies a "Clear" button to return to the full record set
5. As a bonus, we added support for hitting enter on the input and executing the search

Problems or Suggestions

Open an issue here

Thank You

Resources

• VS Code
• Visual Studio