blazor-datagrid

Ignite UI for Blazor component library packs 50+ native Blazor UI Controls with 60+ high-performance Charts designed for any Blazor WASM or Server-side app scenario.

A quick start Blazor Server App that helps you to create a master details view using the Blazor DataGrid component of Syncfusion.

Shows example of binding Blazor DataGrid with SQL server data using SqlClient data provider(Microsoft.Data.SqlClient)

This sample explains how to perform data operation in web api service and dispaly the resultant in the Grid component.

Demonstrates integrating Syncfusion Blazor DataGrid with Fluxor state management in a hosted Blazor application using Client, Server, and Shared projects.

Blazor Grid example demonstrates the Lazy load grouping feature

This sample is to demonstrate on how to display column propert with many to many relation and perform CRUD opreation. Grid does not have direct support to achieve this requirement, so we have achieve this requirement using ColumnTemplate and EditTemplate featrue og Grid

This example is demonstrated to change the orientation of Grid column header text using CSS styles

The DataGrid user interface (UI) was redesigned to provide an optimal viewing experience and improve usability on small screens. This interface will render the filter, sort, and edit dialogs adaptively and have an option to render the DataGrid row elements in the vertical direction.

This example is demonstrated to disable a cell from editing in Grid component.

Creation of AutoComplete component with Blazor multicolumn DataGrid and display search result in multiple columns of data list.

Wasm web application created for hosting in cloudflare pages

In this Client-side Blazor demo, we have bounded the data from WebAPI using GetJsonAsync method

This sample is to demonstrate on how to perform filtering operation in Grid componen while using custom adaptor

In this demo, we have bounded the Grid Data asynchronously from WebAPI service and performed CRUD action using default toolbar items

In this example, we have performed editing actions using custom command button

This sample is created to demonstrate to render dropdownlist component to filter ENUM type column

This sample is demonstrated to customize the filter dialog popup width and height for particular columns

This sample is to demonstrate on how to perform sorting operation in grid while using CustomAdaptor

This example is demonstrated to render date range picker component in filter menu to perform filtering operation using between operator