Examples

• Jun 30, 2023
• 2 minutes to read

The DevExpress Blazor Grid is shipped with GitHub feature-based examples.

Data Binding

• Bind the Grid to Data with Entity Framework Core
• Bind the Grid to an Instant Feedback Data Source and Enable Edit Operations
• Bind the Web API Service
• Create a Foreign Key (ComboBox) Column
• Create Unbound Columns

Sort Data

• Custom Sorting

Edit Data

• Disable Row Editing Depending on Row Values
• Inline Editing
• Edit a Row on a Separate Page
• Create a Custom Record Deletion Confirmation Dialog
• Display a Confirmation Dialog when Users Start Editing Another Row without Saving Changes
• Post Changes to an In-Memory Data Source
• Implement Row Drag and Drop Functionality
• Implement Cascading Combo Boxes

Validate Data

• Implement Custom Validation

Filter Data

• Implement Filter Operator Selector
• Use the DxTagBox Control as a Filter for a Column with Multiple Values
• Implement a Date Range Filter

Focus

• Display the Chart Based on the Grid Focus

Selection

• Delete Selected Rows
• Disable Selection Checkboxes in Specific Rows
• Select and Deselect All Rows in a Group

Master-Detail View

• Add a Nested Grid to Create a Master-Detail Layout

Save and Restore Layout

• Save and Load Layout Information
• Set Predefined Settings for the Specific Component

Export Data

• Customize Export Settings
• Export the Grid’s Data to DOCX, XLSX, and PDF Documents in a Blazor Server Application using the DevExpress Reporting Tool
• Export the Grid’s Data to DOCX, XLSX, and PDF Documents in a Blazor WebAssembly Application Using the DevExpress Reporting Tool

Customize Appearance

• Conditional Formatting
• Highlight a Row on Hover
• Use Icons Instead of Default Command Buttons

Use External Components to Manage Data

• Show Context Menu
• Show Detail Information in DxFormLayout
• Implement CRUD-Related Buttons in Toolbar

Theme Switcher

• Implement a Theme Switcher in Blazor Applications

Localization

• Localize Components