Blazor Data Grid - Tutorial Videos

Learn how easily you can create and configure the Blazor Data Grid of Syncfusion using Visual Studio 2019. In this video, I'll create a new Blazor server-side application using Visual Studio 2019 and then integrate a Blazor Data Grid component by adding the Syncfusion.Blazor package from Nuget. I'll also explain simple customizations that can be done to the data grid columns, as well as how to enable some important features such as paging, sorting, filtering, and grouping.

Download Example: Getting Started with the Blazor DataGrid

Learn how easily you can bind dynamic list of objects as a data source to a Grid using Expando and Dynamic objects.

Download Example: Bind Dynamic List Objects to Blazor DataGrid

Learn how easily you can enable editing options in the Blazor Data Grid, and its different cell edit types. You will also see the different editing modes Normal, Dialog, and Batch and how to add a custom editor component in a Data Grid record.

Download Example: Cell Editing Modes in Blazor DataGrid

Learn how easily you perform CRUD operations in Blazor Data Grid with Entity Framework.

Download Example: Perform CRUD with Entity Framework in Blazor DataGrid

Learn how easily you can customize the edit dialog in Syncfusion Blazor Data Grid. You can also learn how to add custom components like Numeric TextBox, AutoComplete, DatePicker, Dropdown List, and TextBox to the edit dialog using a template.

Download Example: Customize the Edit Dialog Using Templates in Blazor DataGrid

Learn how easily you can customize rows in a Blazor Data Grid using templates. You'll also learn how to use a detail template to show additional information about a particular grid row by expanding or collapsing it.

Download Example: Customizing Rows in Blazor DataGrid

Learn how easily you can display a Data Grid in a hierarchical structure which can be shown or hidden by clicking the expand or collapse button.

Download Example: Hierarchy in the Blazor DataGrid Component

Learn how easily you can customize the Data Grid column header and its column data using templates.

Download Example: Customize Blazor DataGrid Columns Using Templates

Learn how easily you can customize Data Grid rows and its cells. You will also learn about the different clip modes, wrap modes, and grid lines in Blazor Data Grid.

Download Example: Customize Rows and Cells in Blazor DataGrid

Learn how to implement custom data binding in the Syncfusion Blazor DataGrid component. This video demonstrates how to perform data binding using a custom adapter and use various functionalities: paging, filtering, sorting, aggregation, grouping, and CRUD operations.

Download Example: Custom Data Binding in Blazor DataGrid

Learn how to sort data in the Syncfusion Blazor DataGrid component. This video demonstrates how to use various sorting functionalities: multicolumn sort, initial multicolumn sort, and the custom sort comparer.

Download Example: Sorting Data in Blazor DataGrid

Learn how to customize autogenerated columns in the Syncfusion Blazor DataGrid component using data annotations. This video demonstrates how to perform data binding with autogenerated columns and use various data annotation attributes to customize autogenerated columns: display attribute, display format, key, and read-only.

Download Example: Customize Autogenerated Columns in Blazor DataGrid

Learn how to enable an adaptive layout in the Syncfusion Blazor DataGrid component. This video also demonstrates how to use various functionalities: adaptive UI mode, row-rendering mode, and the media query component.

Download Example: Enable Adaptive Layouts in Blazor DataGrid

Learn how to implement virtualization in the Syncfusion Blazor DataGrid component. This video demonstrates how to use row virtualization and column virtualization.

Download Example: Virtualization in Blazor DataGrid

Learn how to freeze rows and columns in the Syncfusion Blazor DataGrid component. This video demonstrates how to freeze a particular column and adjust directions, and frozen columns by dragging the column separator.

Download Example: Freeze Rows and Columns in Blazor DataGrid

Learn how to connect RESTful web services to the Syncfusion Blazor DataGrid component. This video demonstrates how to create ODataV4Service, add Blazor Data Grid component, and perform CRUD operations.

Download Example: Effortlessly Connect RESTful Services to Blazor DataGrid

Learn how to export the Syncfusion Blazor DataGrid component to a PDF document. This video demonstrates various customization options, such as adding a custom file name and a header or footer in PDF documents, changing the orientation, adjusting the page size, exporting the current page, exporting hidden columns, selecting records, and customizing column width and cell appearance.

Download Example: Exporting Blazor DataGrid to a PDF Document

Learn how to export the Syncfusion Blazor DataGrid component with custom templates to a PDF document. This video demonstrates the various templates supported for exporting the DataGrid as a PDF, including column templates, caption templates, and detail templates.

Download Example: Exporting Blazor DataGrid with Custom Templates to a PDF Document

Learn how to export the Syncfusion Blazor DataGrid as a stream to a PDF document. Also see how to convert a memory stream to a file stream and merge two PDF memory streams.

Download Example: Exporting Blazor DataGrid as a Stream to a PDF Document

Learn how to connect Microsoft SQL server data to the Syncfusion Blazor DataGrid component. Also, see how to create an API service and perform CRUD operations.

Download Example: Connecting Microsoft SQL Server to Blazor DataGrid with URL Adaptor

Learn how to connect Microsoft SQL server data to the Syncfusion Blazor DataGrid component with Custom Adaptor. Also, see how to create an API service and perform CRUD operations.

Download Example: Connecting SQL Server to Blazor DataGrid with Custom Adaptor

Learn how to connect Microsoft SQL server data to the Syncfusion Blazor DataGrid component with the URL Adaptor using Entity framework. Also, see how to create an API service and perform CRUD operation.

Download Example: Connecting SQL Server to Blazor DataGrid with URL Adaptor Using EF

Learn how to connect Microsoft SQL server data to the Syncfusion Blazor DataGrid component with the Custom Adaptor using Entity framework. Also, see how to create an API service and perform CRUD operation.

Download Example: Connecting SQL Server to Blazor DataGrid with Custom Adaptor Using EF