Smart UI Grid for Blazor

Smart HTML ElementsGrid Controls.NETJavaScript

Advanced Blazor data grid component for interactive data management.

  • Displays tabular data with paging, sorting, filtering, and grouping features.
  • Supports editing modes, selection, and flexible column and row configurations.
  • Integrates with Blazor applications using server-side and WebAssembly models.
Smart HTML Elements logo

Prices from:

Loading...
Available in
Smart UI (Smart HTML Elements)Loading
Smart UI Grid for Blazor product image
Smart UI Grid for Blazor is a data grid component for handling tabular data within Blazor applications. It supports core data operations such as paging, sorting, filtering, grouping, editing, and selection, along with export capabilities, localization support, and flexible configuration for building interactive data-driven interfaces.

Data Presentation

The component renders structured tabular data within Blazor applications, allowing developers to present records, fields, and datasets in an organized grid layout.

Paging and Navigation

The grid includes paging functionality to divide large datasets into smaller segments. This allows users to navigate between pages efficiently while maintaining performance and usability when working with extensive collections of records.

Sorting and Filtering

The component provides column-based sorting and filtering capabilities. Users can reorder data and apply conditions to display only relevant records, supporting more precise data exploration.

Grouping Data

The grid supports grouping of rows based on column values, enabling related records to be displayed together.

Editing Records

The component enables in-place data editing with multiple editing approaches, including cell, row, and dialog-based editing.

Selection Capabilities

The grid includes selection features for rows, cells, or multiple elements. This allows users to interact with and manage several data points simultaneously.

Export and Data Integration

The component supports exporting data into formats such as CSV and JSON. It also enables binding to various data sources, allowing developers to connect application data and manage how it is displayed and transferred.

Column and Row Configuration

Provides configuration options for columns and rows, including resizing, reordering, formatting, templates, and freezing.

Localization and RTL Support

Includes localization capabilities and right-to-left layout support. This allows developers to adapt the grid interface for different languages and regional requirements.

Blazor Integration

Designed for integration with Blazor applications, supporting both server-side and WebAssembly hosting models.

Product Compatibility

Review the details below to ensure this product is supported within your environment.

Component Type

  • .NET
  • JavaScript

.NET Version

  • .NET 10 LTS
  • .NET 9 STS
  • .NET 8 LTS
  • .NET 7 STS
  • .NET 6 LTS
  • .NET 5 / .NET Core 3.1

.NET Platform

  • .NET Blazor / WebAssembly

JavaScript Platform

  • Angular
  • React
  • Vanilla JavaScript
  • Vue.js
  • Web Component

IDE Support

  • Visual Studio