Ignite UI Logo for developer web applications

Blazor Table: Full-Featured, High-Performance Blazor Data Grid

The Ignite UI for Blazor Data Table / Data Grid allows you to quickly bind and display your data with little coding or configuration. We designed the Blazor Data Grid to meet the challenge of displaying large amounts of data with the interaction features your users expect.

Blazor Framework logo

Blazor Data Grid Key Features

This example demonstrates key features of the data grid, including:

Real-Time Data with Live Streaming

Optimized for live, streaming data, and virtualized to handle unlimited rows or columns of data, the Blazor Table is the only choice for the most demanding data requirements.

Blazor Data Grid Features

The Blazor Data Grid is fast, and can take care of any real-time, high volume data needs, but it is really designed for delivering a highly productive, interactive experience to your users. In the next section, we will explore the key features of the Blazor Data Grid and give you a better idea of how it can help you deliver the next amazing experience to your users.

Ignite UI for Blazor Data Grid component displaying a single cell selection, multi cell and row selection

Cell and Row Selection

The Blazor Data Grid includes every option for mouse and touch-driven selection by cell and row level, including modes like SingleCell, SingleRow, MultipleCell, MultipleRow, RangeCell and more.

Learn More

Ignite UI for Blazor Data Grid component displaying grid filtering

Grid Filtering

The Blazor Data Grid includes column filtering based on the data type of the column being filtered. For example, if your column is a DateTime field you can use filters like Last Month, This Quarter, Next Week, etc.

Learn more

Ignite UI for Blazor Data Grid component displaying column moving

Column Moving

Rearranging column order is as easy as Click and Drag in the Blazor Data Grid. We’ve also included a complete animation engine, giving you control over the UX of this interaction.

Learn more

Ignite UI for Blazor Data Grid component displaying column pinning

Column Pinning

With Right and Left column pinning in the Blazor Data Grid, users can lock a single column or multiple columns in any order, so that the column maintains position, while scrolling horizontally.

Learn more

Ignite UI for Blazor Data Grid component displaying column resizing

Column Resizing

The Blazor Data Grid supports the ability to resize columns, giving your customers flexibility over how they display the Data Grid columns, with respect to the other columns in the table.

Learn more

Ignite UI for Blazor Data Grid component displaying column sorting

Column Sorting

The Blazor Data Grid supports ascending and descending column sorting with a Single, Multi or Tri-State Column Sorting configuration. Sorting is triggered on header click or using the Column Options dropdown.

Learn more

Ignite UI for Blazor Data Grid component displaying column summaries

Column Summaries

The Blazor Data Grid supports column summaries in the footer area of the Data Grid, or in the Group Headers. This is great for showing values like Count, Sum, Min, Max, Avg, etc.

Learn more

Ignite UI for Blazor Data Grid component displaying column types

Column Types

The Blazor Data Grid supports a variety of column types, plus a Template Column type and a Sparkline Template type, giving you complete flexibility over the way your data is displayed in the Grid.

Learn more

Ignite UI for Blazor Data Grid component displaying column animations

Column Animations

The Blazor Data Grid supports Column Animation during events like Column Hiding or Column Moving. When Column Animation on the Blazor Data Grid is set, the corresponding animation will fire for all of the cells in that column.

Learn more

Ignite UI for Blazor Data Grid component displaying column options dialog

Column Options Dialog

The Blazor Data Grid supports the ability to group, hide, move, pin, filter, and sort columns directly from a UI exposed on each column header. The Column Options are on by default for every column, via the Kebab menu on column hover.

Learn more

Ignite UI for Blazor Data Grid component displaying Outlook style grouping

Outlook-Style Grouping Row / Column Grouping

The Blazor Data Grid lets you group rows into a ‘sticky header’ Row Group.  Like the Group By feature in Microsoft Outlook, your users have an easy way to visually group data based on their own criteria.

Learn more

Ignite UI for Blazor Data Grid component displaying grid paging

Grid Paging

The Blazor Data Grid Paging component is designed to take in an array of data and output portions of that data as a page, with a simple navigation UI.

Learn more

Ignite UI for Blazor Data Grid component displaying row pinning

Row Pinning

The Blazor Data Grid allows you to pin rows to the top of the Data Grid.  When a row is pinned, it will be duplicated at the top of the Data Grid and remain fixed there with a light gray background and its actual (or original) row in the Data Grid will be rendered with low opacity, making it clear to the user this is a special row.

Learn more

Ignite UI for Blazor Data Grid component displaying keyboard navigation

Keyboard Navigation

The Blazor Data Grid supports extensive Excel-like keyboard navigation. Ensure accessibility compliance and improve usability, enabling Excel-like keyboard navigation in the Blazor Data Grid, using the up, down, right, left, tab, and Enter keys. You can toggle single or multiple row selection using the mouse or keyboard to select or de-select full rows.

Learn more

Ignite UI for Blazor Supported Browsers

The Blazor Data Grid is supported on all modern web browsers, including:

  • Chrome
  • Edge / Edge Chromium
  • Firefox
  • Safari
  • Internet Explorer 11 with polyfills

Ignite UI for Blazor Support Options

There are multiple options to get access to our award-winning support at Infragistics for the Blazor product.

Ignite UI for Blazor Trial License and Commercial

Ignite UI for Blazor is a commercially licensed product available via a subscription model. You can try the Ignite UI for Blazor product for free when you register for a 30-day trial. When you are done with your Trial Period, you can purchase a license from our web site or by calling sales in your region.

Frequently Asked Questions

Questions and Answers for Ignite UI for Blazor Data Grid

Why should I choose the Infragistics Ignite UI for Blazor Data Grid?

What is the Pricing for the Infragistics Ignite UI for Blazor Data Grid?

Ignite UI for Blazor is a commercially licensed product available via a subscription model. A single developer license starts at $749 USD for a one-year subscription, which includes one year of standard support and product updates. This subscription includes the Blazor Grid, plus Blazor Charts and dozens on other Blazor UI Controls.

We also offer discounts for multi-year licenses. Please refer to our Pricing page for more information on pricing.

If you are developing applications on multiple platforms, consider our complete app development package, Infragistics Ultimate, which include desktop platforms like WPF and Windows Forms, plus all modern web toolsets for Angular, Web Components, ASP.NET MVC and ASP.NET Core.

Can I purchase the Infragistics Ignite UI Blazor Data Grid control separately?

No, you cannot purchase the Blazor Data Grid separately. It is part of a the Ignite UI for Blazor product, which includes dozens of UI controls and components, plus over 60 charts, including Blazor Financial Charting. If you are interested in other modern web platforms like Angular, ASP.NET MVC, Web Components or ASP.NET Blazor, check out our Ignite UI product bundle, which gives you every web platform for only $100 more on your subscription. That is hundreds of controls, components, and data visualizations for 1 very low price.

How do I install Blazor and the Infragistics Ignite UI Blazor Data Grid control?

To get started with the Blazor Data Grid, follow the steps in the getting started guide. If you need more inspiration, take a look at our reference applications, which are designed to not only inspire but are best practices guides for Blazor development.

Ignite UI Spaceman building rocket

Blazor Components & Directives

Choose the Plan that's Right for You!

The comprehensive, UI components library for Blazor.

$0 per developer, royalty-free subscription

Multi-year discount

No multi-year discounts available.

The comprehensive UI components library for web, mobile, and desktop.

$0 per developer, royalty-free subscription

Multi-year discount

No multi-year discounts available.

Connect with Infragistics

Follow Us for the Latest News and Updates

Ignite UI rocket taking off