Columns define the schema of data source in Blazor DataGrid Control. It supports formatting, auto generating columns, column definitions, freezing rows and columns, column spanning, text wrapping, column chooser, column menu, and other important features.
You can define the needed columns explicitly in a Blazor DataGrid. You can also enhance the appearance of columns by setting the header text, text alignment, cell value format, and width.
When the column collection is not specified, Data Grid will create columns’ definition for the users by creating column object from the data source.
Users can interactively auto size column width to show its full content by double clicking on column borders. Blazor DataGrid also supports triggering auto sizing to the required columns programmatically.
Users can decorate each cell element of the Blazor DataGrid with their own attributes by customizing styles, adding additional class names, etc.
Wraps the Blazor DataGrid cell text to the next line when it is too large to fit a cell. Users can wrap the header or content cell`s text by setting the available wrap mode options.
The column chooser provides a list of column names paired with check boxes that allows the user to toggle visibility on the fly. This helps the users to control the column visibility through an interactive UI.
Reorder Blazor Data Grid columns either through user interaction or programmatically. Simply dragging a column header to the desired column position will reorder the columns of a Data Grid.
Column resize allows changing the column width on the fly by simply dragging the right corner of the column header. A scroll bar appears when the Data Grid content width exceeds the element width.
Allows performing various column-based actions with the help of Blazor DataGrid column menu. Menu items can also be customized to list only the preferred actions.
Frozen rows and columns provide an option to make rows and columns always visible at the top and left side of the grid while scrolling. It is mainly used to compare the cell values.
It is possible to show values from external or lookup data sources in a column based on foreign key/value name. Allows all Blazor DataGrid actions like sorting, filtering, editing, grouping, and other operations in the foreign data column.
Blazor DataGrid supports customization of cell styles programmatically or by using CSS.