GridColumn
Defines a data bound column in the grid that can show all types of data.
Definition
Namespace:Telerik.Blazor.Components
Assembly:Telerik.Blazor.dll
Syntax:
public class GridColumn : BoundColumnBase, IComponent, IHandleEvent, IHandleAfterRender, IDisposable, IGridBoundColumn, IColumn, IGridColumnMenuColumn, ITableColumnMenuColumnInheritance: objectComponentBaseColumnBaseBoundColumnBaseGridColumn
Implements:
Inherited Members
Constructors
public GridColumn()Methods
protected override void BuildRenderTree(RenderTreeBuilder __builder)Overrides:
protected override void ThrowIfInvalidEditorType()Overrides:
protected override void ThrowIfInvalidFilterEditorType()Overrides:
Properties
Contains child columns to create multi-level column headers for complex table structures and grouped column layouts. Children: GridColumn, GridCheckboxColumn, GridCommandColumn.
[Parameter]
public RenderFragment Columns { get; set; }Specifies the input control type used for editing this column's data. Use TextBox for single-line text input, TextArea for multi-line text, DatePicker for date selection, TimePicker for time selection, DateTimePicker for combined date and time, Switch for on/off toggle, or CheckBox for boolean values. If not provided, a default editor will be used based on the field data type.
[Parameter]
public GridEditorType? EditorType { get; set; }Specifies the input control type used for filtering this column's data. Use DatePicker to filter by date values only, or DateTimePicker to filter by both date and time values. If not provided, a default filter editor will be used based on the field data type.
[Parameter]
public GridFilterEditorType? FilterEditorType { get; set; }Enables users to group data by this column when grouping is enabled. Set to false to prevent grouping by this specific column.
[Parameter]
public bool Groupable { get; set; }Implements:
Template displayed in the group footer row when data is grouped. Use this to show aggregated values like sum, count, or average for the group. You can render custom components and apply logic in it.
[Parameter]
public RenderFragment<GridGroupTemplateContext> GroupFooterTemplate { get; set; }Implements:
Template displayed in the group header row when data is grouped by this column. Use this to customize how group headers appear with aggregates. The template is used when the Grid is grouped by the column. If no template is specified, the name of the Field and the current group value is displayed. You can render custom components and apply logic in it.
[Parameter]
public RenderFragment<GridGroupHeaderTemplateContext> GroupHeaderTemplate { get; set; }Implements:
Fires every time a cell in this column is rendered. Use this to conditionally apply custom CSS classes or styling based on cell value.
[Parameter]
public Action<GridCellRenderEventArgs> OnCellRender { get; set; }