https://github.com/Akinzekeel/BlazorGrid

A simple, light weight data grid component for Blazor, focused on displaying remote data. Supports sorting and row highlighting, dynamic column changes and custom cell markup.
https://github.com/Akinzekeel/BlazorGrid

blazor datagrid grid grid-component

Last synced: about 2 months ago
JSON representation

A simple, light weight data grid component for Blazor, focused on displaying remote data. Supports sorting and row highlighting, dynamic column changes and custom cell markup.

• Host: GitHub
• URL: https://github.com/Akinzekeel/BlazorGrid
• Owner: Akinzekeel
• License: mit
• Created: 2020-05-06T10:55:15.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-11-14T20:47:47.000Z (10 months ago)
• Last Synced: 2024-06-20T11:07:51.953Z (3 months ago)
• Topics: blazor, datagrid, grid, grid-component
• Language: C#
• Homepage: https://blazorgrid.majidcodes.net
• Size: 4.27 MB
• Stars: 76
• Watchers: 3
• Forks: 7
• Open Issues: 9
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

• awesome-blazor - BlazorGrid -   Virtualized data grid component with lean markup, focused on displaying remote data. ([Demo & documentation](https://blazorgrid.z6.web.core.windows.net/)). (Libraries & Extensions / 2D/3D Rendering engines)

README

        
![NuGet package](https://img.shields.io/nuget/vpre/Akinzekeel.BlazorGrid)

# BlazorGrid

BlazorGrid is yet another grid component for Blazor. I was inspired to write this because I've been using jQuery.DataTables for a long time and felt that incorporating more than 15,000 lines of JavaScript into my Blazor application probably wasn't the best approach. 

The primary goals of this component are:

- Displaying remote data by utilizing virtualization

- Sorting and searching of remote data (backend support required)

- Require as little markup as possible to define the grid

- Use custom RenderFragments for the cells

- Highly customizable UI by providing SCSS

- Using a delegate to provide the data (which can pull the data via JSON, gRPC or anything else)

- High performance by intelligently preventing unnecessary render events

Check out the website for more information & demos:

## [blazorgrid.majidcodes.net](https://blazorgrid.majidcodes.net/)