Power your next web application with the industry's fastest and most powerful C# .NET datagrid.
A Blazor datagrid is a user interface control for displaying, editing, and analyzing large data sets. FlexGrid is a Blazor datagrid optimized for high-performance and flexibility, enabling .NET developers to customize every aspect of the control.
The Best C# Datagrid for the Web
FlexGrid for Blazor has been developed natively from the ground up, ensuring optimal performance on the platform, and supporting every essential datagrid feature.
Familiar, Excel-Like Experience
FlexGrid delivers features similar to Microsoft Excel, such as cell selection and editing, so your datagrids will be intuitive and your end-users will be more productive.
Optimized for Large Data Sets
FlexGrid is designed to aid large data sets with features like grouping, aggregation, and on-demand loading with data virtualization features.
All-in-One Data Management
FlexGrid is primarily used for editing, visualizing, and analyzing tabular data, and is packed with features that data entry and business analysts will love.
Touch Enabled and Responsive Layouts
The Blazor datagrid has been designed with web and mobile users in mind. Get built-in touch support and responsive column layouts that look nice on any device.
Fluent Style for Modern Applications
The .NET Blazor controls feature built-in fluent styles which are minimal and modern, and they support both light and dark themes.
Get started quickly with automatic column generation when data binding to .NET data source objects or custom business objects. Create custom columns with images, numeric input, date, time, or whatever your application needs. FlexGrid also supports an unbound mode, giving you complete control over creating each row, column, and cell value.
FlexGrid supports inline editing or pop-up editing. Several built-in editors enable efficient editing for numbers, dates, checkboxes, and data-mapped combo-boxes. Create custom columns with images, numeric input, date-time and more.
With on-demand loading, FlexGrid loads items as the user scrolls. This is different from virtual mode because the grid never knows the total number of rows, so the scroll bar size and position changes as more data is loaded into the grid. This virtualization technique is supported by the help of the DataCollection component.
FlexGrid allows you to perform full-text filtering, or searches, on your data to show all matching instances found in the datagrid. Search the entire grid or just a specific column and then highlight all matching occurrences.
Enable filtering on any column's data by condition or value. FlexGrid supports drop-down filters in the column headers like Microsoft Excel with special filter editors for different data types.
Enable runtime data grouping to help analyze large data sets. Display grouped data with a customizable group header and aggregated values. Grouping in FlexGrid is supported through the DataCollection component.
Drill into a row of data to show more details inside a collapsible panel. Collapsible row details provide an alternative approach to displaying additional or hierarchical information about a data row. Load row details on-demand–reducing the amount of data needed to render the initial Blazor datagrid.
FlexGrid supports several selection modes, including cell, cell range, row, and row range selection. Provide drill-down or additional analysis on user selections. Enable checkbox selection and a customizable mouse-over style.
FlexGrid supports clipboard actions for copying data to and from the Blazor datagrid. When users select any row or column in FlexGrid, they can open a selection context menu. The selection menu provides clipboard operations such as cut, copy and paste.
Provide a custom skin or theme for your Blazor datagrid by simply setting properties – no need to learn CSS for styling the datagrid. Quickly change brushes for selection, mouse-over, column headers, row headers, and alternating rows. FlexGrid for Blazor also supports light and dark themes, so you can easily skin your entire application.
Column Reordering and Resizing
FlexGrid allows users to modify the column order by dragging and dropping their headers. Also, users can resize columns in Blazor Server or WebAssembly applications.
FlexGrid supports content-driven cell merging. This allows you to merge matching adjacent cells across columns and down rows. Merge header cells, create custom cell merging rules, and set restrictions on how FlexGrid merges cells.
Adaptive Column Sizing
FlexGrid allows you to specify column sizing in code, as well as allow users to resize columns at runtime. Additionally, columns can be set to proportionally fill the space (also known as "star sizing").
FlexGrid supports sorting, ascending, and descending, by clicking on the column headers. The Blazor datagrid also supports sorting by multiple columns and icon customization.
Row and Column Freezing
FlexGrid for Blazor offers Excel-like row and column freezing. This allows users to keep rows and columns in view as they navigate the content of the datagrid.
Add New Row
Add a new row to the database with a tap or click. Adding a blank row to the Blazor datagrid at the top or bottom allows users to add more rows of data.
Inline editing makes it easy to modify any cell by double-clicking quickly. Prevent erroneous edits to the data with edit prompts and confirmation for the end-user.
Pop-Up Edit Form
Provide an alternative technique to edit the Blazor datagrid using a pop-up form window along with Blazor input controls.
Save your Blazor grid to common formats, including CSV, text, and HTML. Plus, in Blazor Server applications, you can export the datagrid as displayed with cell styles to Microsoft Excel (XSLX).
Flight Statistics Dashboard
See a real-world dashboard built using entirely ComponentOne Blazor components. View flight statistics in a FlexGrid with row selection that drills down to visualize data on FlexChart for a region or city.
"Prompt responses, quality feedback, and help with code examples. Fantastic service!"
"Excellent product with good support"
"I am very appreciative of the effort your entire team gave to make this transaction happen. Thank you for your efforts!"
"When I run into complex problems, I turn to my ComponentOne Studio Enterprise toolbox."
KEN SPENSER, MICROSOFT REGIONAL DIRECTOR - FRAMEWORK MASTERS
"I love to use C1 components! I can be confident that if I need to do a particular task, ComponentOne will have the control to do the job."
SILV SORDELLO, SOFTWARE DEVELOPER
"As an ISV, I need tools that allow me to be competitive. Therefore, it's a must to use reliable and stable tools for customized solutions...ComponentOne provides all that to me and even more!"
DENNIS WALLENTIN, MICROSOFT MVP (EXCEL)
"Easier to use right off the bat. I liked using the Scheduler for drag-and-drop capability."
MICHELLE GIBSON, SOFTWARE ENGINEER