DEV Community

Spyros Ponaris
Spyros Ponaris

Posted on • Edited on

1

Introducing Simple Blazor Grid: Lightweight Grid for Blazor Applications

What is Simple Blazor Grid?

The Simple Blazor Grid is a feature-rich grid component for Blazor Server and Blazor WebAssembly. It focuses on simplicity while still supporting essential features like:

Sorting: Click column headers to sort data.
Filtering: Dynamically filter data to find exactly what you’re looking for.
Pagination: Efficiently navigate through large datasets.
Customizable Headers and Rows: Add headers and format rows easily.
The project is open-source and hosted on GitHub at:
Simple Blazor Grid on GitHub
https://github.com/stevsharp/SimpleBlazorGrid

Challenges and Ongoing Work
Building the grid has been an exciting journey, but I’ve encountered some challenges along the way. One issue I’m currently investigating occurs when sorting data. Clicking on a column header to sort triggers a SignalR-related problem in Blazor Server:

How to Get Started
You can try the grid by heading over to the GitHub repository:
👉 Simple Blazor Grid
https://github.com/stevsharp/SimpleBlazorGrid

Sentry blog image

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.

Read more

Top comments (0)

The best way to debug slow web pages cover image

The best way to debug slow web pages

Tools like Page Speed Insights and Google Lighthouse are great for providing advice for front end performance issues. But what these tools can’t do, is evaluate performance across your entire stack of distributed services and applications.

Watch video