Blazorise Table API

Explore the Blazorise Table API reference for parameters, events, methods, and related types.

For examples and usage guidance, see the Table documentation.

API

Parameters

Table

ParameterDefaultType
Borderedfalsebool

Adds borders to all the cells.
Borderlessfalsebool

Makes the table without any borders.
ChildContentnullRenderFragment

Specifies the content to be rendered inside this Table.
ContextMenuPreventDefaultfalsebool

Used to prevent the default action for an ContextMenu event.
DragEndPreventDefaultfalsebool

Used to prevent the default action for an DragEnd event.
DragEnterPreventDefaultfalsebool

Used to prevent the default action for an DragEnter event.
Draggablefalsebool

Indicates whether the element can be dragged.
DragLeavePreventDefaultfalsebool

Used to prevent the default action for an DragLeave event.
DragOverPreventDefaultfalsebool

Used to prevent the default action for an DragOver event.
DragPreventDefaultfalsebool

Used to prevent the default action for an Drag event.
DragStartPreventDefaultfalsebool

Used to prevent the default action for an DragStart event.
DropPreventDefaultfalsebool

Used to prevent the default action for an Drop event.
FixedColumnsfalsebool

Makes table have a fixed set of columns. This will make it so that the table columns could be fixed to the side of the table.
FixedColumnsPositionSyncfalsebool

Determines whether the FixedColumns feature automatically resynchronizes the columns positions when they are added or removed.
Enabling this feature may impact performance due to constant recalculations of fixed column positions.
FixedHeaderfalsebool

Makes table have a fixed header and enables a scrollbar in the table body.
FixedHeaderTableHeight"300px"string

Sets the table height when FixedHeader feature is enabled (defaults to 300px).
FixedHeaderTableMaxHeight"300px"string

Sets the table max height when FixedHeader feature is enabled (defaults to 300px).
FullWidthtruebool

Makes the table to fill entire horizontal space.
Hoverablefalsebool

Adds a hover effect when mousing over rows.
Narrowfalsebool

Makes the table more compact by cutting cell padding in half.
Resizablefalsebool

Determines whether users can resize Table's columns.
ResizeModeTableResizeMode.HeaderTableResizeMode

Determines whether the user can resize on header or columns.
Possible values:HeaderColumns
Responsivefalsebool

Makes table responsive by adding the horizontal scroll bar.
In some cases Dropdown component placed inside of a table marked with Responsive flag might not show dropdown menu properly. To make it work you might need to add some additional CSS rules.
ResponsiveModeTableResponsiveMode.DefaultTableResponsiveMode

Specifies the Table's responsive mode.
Possible values:DefaultMobile
Stripedfalsebool

Adds stripes to the table.

TableBody

ParameterDefaultType
ChildContentnullRenderFragment

Specifies the content to be rendered inside this TableBody.
ContextMenuPreventDefaultfalsebool

Used to prevent the default action for an ContextMenu event.
DragEndPreventDefaultfalsebool

Used to prevent the default action for an DragEnd event.
DragEnterPreventDefaultfalsebool

Used to prevent the default action for an DragEnter event.
Draggablefalsebool

Indicates whether the element can be dragged.
DragLeavePreventDefaultfalsebool

Used to prevent the default action for an DragLeave event.
DragOverPreventDefaultfalsebool

Used to prevent the default action for an DragOver event.
DragPreventDefaultfalsebool

Used to prevent the default action for an Drag event.
DragStartPreventDefaultfalsebool

Used to prevent the default action for an DragStart event.
DropPreventDefaultfalsebool

Used to prevent the default action for an Drop event.

TableCaption

ParameterDefaultType
ChildContentnullRenderFragment

Defines the content to be rendered inside the component.
SideTableCaptionSide.DefaultTableCaptionSide

Specifies the position of the table caption relative to the table.
Possible values:DefaultTopBottom

TableRow

ParameterDefaultType
ChildContentnullRenderFragment

Specifies the content to be rendered inside this TableRow.
ColorColor.DefaultColor

Specifies the row variant color.
ContextMenuPreventDefaultfalsebool

Used to prevent the default action for an ContextMenu event.
DragEndPreventDefaultfalsebool

Used to prevent the default action for an DragEnd event.
DragEnterPreventDefaultfalsebool

Used to prevent the default action for an DragEnter event.
Draggablefalsebool

Indicates whether the element can be dragged.
DragLeavePreventDefaultfalsebool

Used to prevent the default action for an DragLeave event.
DragOverPreventDefaultfalsebool

Used to prevent the default action for an DragOver event.
DragPreventDefaultfalsebool

Used to prevent the default action for an Drag event.
DragStartPreventDefaultfalsebool

Used to prevent the default action for an DragStart event.
DropPreventDefaultfalsebool

Used to prevent the default action for an Drop event.
HoverCursorCursor.DefaultCursor

Specifies the applied cursor when the row is hovered over.
Possible values:DefaultPointer
IntentnullIntent

Specifies the row variant intent.
Selectedfalsebool

Sets a table row as selected by appending "selected" modifier on a tr element.

TableRowCell

ParameterDefaultType
ChildContentnullRenderFragment

Specifies the content to be rendered inside this TableRowCell.
ClickPreventDefaultfalsebool

Used to prevent the default action for an OnClickHandler(MouseEventArgs) event.
ClickStopPropagationfalsebool

Used to stop progation of the click action event.
ColorColor.DefaultColor

Specifies the cell variant color.
ColumnSpannullint?

Number of columns a cell should span.
ContextMenuPreventDefaultfalsebool

Used to prevent the default action for an ContextMenu event.
DragEndPreventDefaultfalsebool

Used to prevent the default action for an DragEnd event.
DragEnterPreventDefaultfalsebool

Used to prevent the default action for an DragEnter event.
Draggablefalsebool

Indicates whether the element can be dragged.
DragLeavePreventDefaultfalsebool

Used to prevent the default action for an DragLeave event.
DragOverPreventDefaultfalsebool

Used to prevent the default action for an DragOver event.
DragPreventDefaultfalsebool

Used to prevent the default action for an Drag event.
DragStartPreventDefaultfalsebool

Used to prevent the default action for an DragStart event.
DropPreventDefaultfalsebool

Used to prevent the default action for an Drop event.
FixedPositionTableColumnFixedPosition.NoneTableColumnFixedPosition

Specifies the fixed position of the row cell within the table.
Possible values:NoneStartEnd
IntentnullIntent

Specifies the cell variant intent.
MobileModeCaption—string

When the ResponsiveMode is set to Mobile, this caption will be used for the row.
RowSpannullint?

Number of rows a cell should span.

TableRowGroup

ParameterDefaultType
ChildContentnullRenderFragment

Specifies the content to be rendered inside this TableRow.
ColumnSpan1000int

Determines the column span for the inner table cell.
ContextMenuPreventDefaultfalsebool

Used to prevent the default action for an ContextMenu event.
DragEndPreventDefaultfalsebool

Used to prevent the default action for an DragEnd event.
DragEnterPreventDefaultfalsebool

Used to prevent the default action for an DragEnter event.
Draggablefalsebool

Indicates whether the element can be dragged.
DragLeavePreventDefaultfalsebool

Used to prevent the default action for an DragLeave event.
DragOverPreventDefaultfalsebool

Used to prevent the default action for an DragOver event.
DragPreventDefaultfalsebool

Used to prevent the default action for an Drag event.
DragStartPreventDefaultfalsebool

Used to prevent the default action for an DragStart event.
DropPreventDefaultfalsebool

Used to prevent the default action for an Drop event.
Expandedfalsebool

Specifies if the group is expanded.
IndentTableCells0int

Specifies a number of Table Cells to Indent on the Group Row.
IndentTableCellTemplatenullRenderFragment<int>

Specifies the custom content inside an Indented Table Cell on the Group Row. A contextual index is provided according to the Indentation.
Title—string

Specifies the title to be rendered inside this TableRowGroup.
TitleTemplatenullRenderFragment

Specifies the custom title content to be rendered inside this TableRowGroup. It has higher priority over the Title parameter.
Toggleabletruebool

Specifies if the group Expanded property can be toggled by clicking. It is still possible to toggle it programatically.

TableRowHeader

ParameterDefaultType
ChildContentnullRenderFragment

Specifies the content to be rendered inside this TableRowHeader.
ColumnSpannullint?

Number of columns a cell should span.
ContextMenuPreventDefaultfalsebool

Used to prevent the default action for an ContextMenu event.
DragEndPreventDefaultfalsebool

Used to prevent the default action for an DragEnd event.
DragEnterPreventDefaultfalsebool

Used to prevent the default action for an DragEnter event.
Draggablefalsebool

Indicates whether the element can be dragged.
DragLeavePreventDefaultfalsebool

Used to prevent the default action for an DragLeave event.
DragOverPreventDefaultfalsebool

Used to prevent the default action for an DragOver event.
DragPreventDefaultfalsebool

Used to prevent the default action for an Drag event.
DragStartPreventDefaultfalsebool

Used to prevent the default action for an DragStart event.
DropPreventDefaultfalsebool

Used to prevent the default action for an Drop event.
FixedPositionTableColumnFixedPosition.NoneTableColumnFixedPosition

Specifies the fixed position of the row header within the table.
Possible values:NoneStartEnd
MobileModeCaption—string

When the ResponsiveMode is set to Mobile, this caption will be used for the row.
RowSpannullint?

Number of rows a cell should span.

TableHeader

ParameterDefaultType
ChildContentnullRenderFragment

Specifies the content to be rendered inside this TableHeader.
ContextMenuPreventDefaultfalsebool

Used to prevent the default action for an ContextMenu event.
DragEndPreventDefaultfalsebool

Used to prevent the default action for an DragEnd event.
DragEnterPreventDefaultfalsebool

Used to prevent the default action for an DragEnter event.
Draggablefalsebool

Indicates whether the element can be dragged.
DragLeavePreventDefaultfalsebool

Used to prevent the default action for an DragLeave event.
DragOverPreventDefaultfalsebool

Used to prevent the default action for an DragOver event.
DragPreventDefaultfalsebool

Used to prevent the default action for an Drag event.
DragStartPreventDefaultfalsebool

Used to prevent the default action for an DragStart event.
DropPreventDefaultfalsebool

Used to prevent the default action for an Drop event.
ThemeContrastThemeContrast.NoneThemeContrast

Sets the preferred color contrast for the header.
Possible values:NoneLightDark

TableHeaderCell

ParameterDefaultType
ChildContentnullRenderFragment

Specifies the content to be rendered inside this TableHeaderCell.
ColumnSpannullint?

Number of columns a cell should span.
ContextMenuPreventDefaultfalsebool

Used to prevent the default action for an ContextMenu event.
CursorCursor.DefaultCursor

Specifies the mouse cursor based on the behaviour by the current css framework.
Possible values:DefaultPointer
DragEndPreventDefaultfalsebool

Used to prevent the default action for an DragEnd event.
DragEnterPreventDefaultfalsebool

Used to prevent the default action for an DragEnter event.
Draggablefalsebool

Indicates whether the element can be dragged.
DragLeavePreventDefaultfalsebool

Used to prevent the default action for an DragLeave event.
DragOverPreventDefaultfalsebool

Used to prevent the default action for an DragOver event.
DragPreventDefaultfalsebool

Used to prevent the default action for an Drag event.
DragStartPreventDefaultfalsebool

Used to prevent the default action for an DragStart event.
DropPreventDefaultfalsebool

Used to prevent the default action for an Drop event.
FixedPositionTableColumnFixedPosition.NoneTableColumnFixedPosition

Specifies the fixed position of the header cell within the table.
Possible values:NoneStartEnd
RowSpannullint?

Number of rows a cell should span.

TableFooter

ParameterDefaultType
ChildContentnullRenderFragment

Specifies the content to be rendered inside this TableFooter.
ContextMenuPreventDefaultfalsebool

Used to prevent the default action for an ContextMenu event.
DragEndPreventDefaultfalsebool

Used to prevent the default action for an DragEnd event.
DragEnterPreventDefaultfalsebool

Used to prevent the default action for an DragEnter event.
Draggablefalsebool

Indicates whether the element can be dragged.
DragLeavePreventDefaultfalsebool

Used to prevent the default action for an DragLeave event.
DragOverPreventDefaultfalsebool

Used to prevent the default action for an DragOver event.
DragPreventDefaultfalsebool

Used to prevent the default action for an Drag event.
DragStartPreventDefaultfalsebool

Used to prevent the default action for an DragStart event.
DropPreventDefaultfalsebool

Used to prevent the default action for an Drop event.

Events

Table

EventType
ContextMenuEventCallback<MouseEventArgs>

The event is fired when an element or text selection is right clicked to show the context menu.
DragEventCallback<DragEventArgs>

The drag event is fired every few hundred milliseconds as an element or text selection is being dragged by the user.
DragEndEventCallback<DragEventArgs>

The DragEnd event is fired when a drag operation is being ended (by releasing a mouse button or hitting the escape key).
DragEnterEventCallback<DragEventArgs>

The DragEnter event is fired when a dragged element or text selection enters a valid drop target.
DragLeaveEventCallback<DragEventArgs>

The DragLeave event is fired when a dragged element or text selection leaves a valid drop target.
DragOverEventCallback<DragEventArgs>

The DragOver event is fired when an element or text selection is being dragged over a valid drop target (every few hundred milliseconds).
DragStartEventCallback<DragEventArgs>

The DragStart event is fired when the user starts dragging an element or text selection.
DropEventCallback<DragEventArgs>

The drop event is fired when an element or text selection is dropped on a valid drop target.

TableBody

EventType
ContextMenuEventCallback<MouseEventArgs>

The event is fired when an element or text selection is right clicked to show the context menu.
DragEventCallback<DragEventArgs>

The drag event is fired every few hundred milliseconds as an element or text selection is being dragged by the user.
DragEndEventCallback<DragEventArgs>

The DragEnd event is fired when a drag operation is being ended (by releasing a mouse button or hitting the escape key).
DragEnterEventCallback<DragEventArgs>

The DragEnter event is fired when a dragged element or text selection enters a valid drop target.
DragLeaveEventCallback<DragEventArgs>

The DragLeave event is fired when a dragged element or text selection leaves a valid drop target.
DragOverEventCallback<DragEventArgs>

The DragOver event is fired when an element or text selection is being dragged over a valid drop target (every few hundred milliseconds).
DragStartEventCallback<DragEventArgs>

The DragStart event is fired when the user starts dragging an element or text selection.
DropEventCallback<DragEventArgs>

The drop event is fired when an element or text selection is dropped on a valid drop target.

TableRow

EventType
ClickedEventCallback<MouseEventArgs>

Notifies when the row is clicked.
ContextMenuEventCallback<MouseEventArgs>

The event is fired when an element or text selection is right clicked to show the context menu.
DoubleClickedEventCallback<MouseEventArgs>

Notifies when the row is double clicked.
DragEventCallback<DragEventArgs>

The drag event is fired every few hundred milliseconds as an element or text selection is being dragged by the user.
DragEndEventCallback<DragEventArgs>

The DragEnd event is fired when a drag operation is being ended (by releasing a mouse button or hitting the escape key).
DragEnterEventCallback<DragEventArgs>

The DragEnter event is fired when a dragged element or text selection enters a valid drop target.
DragLeaveEventCallback<DragEventArgs>

The DragLeave event is fired when a dragged element or text selection leaves a valid drop target.
DragOverEventCallback<DragEventArgs>

The DragOver event is fired when an element or text selection is being dragged over a valid drop target (every few hundred milliseconds).
DragStartEventCallback<DragEventArgs>

The DragStart event is fired when the user starts dragging an element or text selection.
DropEventCallback<DragEventArgs>

The drop event is fired when an element or text selection is dropped on a valid drop target.
MouseLeaveEventCallback<MouseEventArgs>

Notifies when the row is mouse leaved.
MouseOverEventCallback<MouseEventArgs>

Notifies when the row is mouse overed.

TableRowCell

EventType
ClickedEventCallback<MouseEventArgs>

Notifies when the row cell is clicked.
ContextMenuEventCallback<MouseEventArgs>

The event is fired when an element or text selection is right clicked to show the context menu.
DragEventCallback<DragEventArgs>

The drag event is fired every few hundred milliseconds as an element or text selection is being dragged by the user.
DragEndEventCallback<DragEventArgs>

The DragEnd event is fired when a drag operation is being ended (by releasing a mouse button or hitting the escape key).
DragEnterEventCallback<DragEventArgs>

The DragEnter event is fired when a dragged element or text selection enters a valid drop target.
DragLeaveEventCallback<DragEventArgs>

The DragLeave event is fired when a dragged element or text selection leaves a valid drop target.
DragOverEventCallback<DragEventArgs>

The DragOver event is fired when an element or text selection is being dragged over a valid drop target (every few hundred milliseconds).
DragStartEventCallback<DragEventArgs>

The DragStart event is fired when the user starts dragging an element or text selection.
DropEventCallback<DragEventArgs>

The drop event is fired when an element or text selection is dropped on a valid drop target.

TableRowGroup

EventType
ClickedEventCallback<MouseEventArgs>

Notifies when the row is clicked.
ContextMenuEventCallback<MouseEventArgs>

The event is fired when an element or text selection is right clicked to show the context menu.
DoubleClickedEventCallback<MouseEventArgs>

Notifies when the row is double clicked.
DragEventCallback<DragEventArgs>

The drag event is fired every few hundred milliseconds as an element or text selection is being dragged by the user.
DragEndEventCallback<DragEventArgs>

The DragEnd event is fired when a drag operation is being ended (by releasing a mouse button or hitting the escape key).
DragEnterEventCallback<DragEventArgs>

The DragEnter event is fired when a dragged element or text selection enters a valid drop target.
DragLeaveEventCallback<DragEventArgs>

The DragLeave event is fired when a dragged element or text selection leaves a valid drop target.
DragOverEventCallback<DragEventArgs>

The DragOver event is fired when an element or text selection is being dragged over a valid drop target (every few hundred milliseconds).
DragStartEventCallback<DragEventArgs>

The DragStart event is fired when the user starts dragging an element or text selection.
DropEventCallback<DragEventArgs>

The drop event is fired when an element or text selection is dropped on a valid drop target.
ExpandedChangedEventCallback<bool>

Specifies if the group is expanded.

TableRowHeader

EventType
ClickedEventCallback<MouseEventArgs>

Notifies when the row header is clicked.
ContextMenuEventCallback<MouseEventArgs>

The event is fired when an element or text selection is right clicked to show the context menu.
DragEventCallback<DragEventArgs>

The drag event is fired every few hundred milliseconds as an element or text selection is being dragged by the user.
DragEndEventCallback<DragEventArgs>

The DragEnd event is fired when a drag operation is being ended (by releasing a mouse button or hitting the escape key).
DragEnterEventCallback<DragEventArgs>

The DragEnter event is fired when a dragged element or text selection enters a valid drop target.
DragLeaveEventCallback<DragEventArgs>

The DragLeave event is fired when a dragged element or text selection leaves a valid drop target.
DragOverEventCallback<DragEventArgs>

The DragOver event is fired when an element or text selection is being dragged over a valid drop target (every few hundred milliseconds).
DragStartEventCallback<DragEventArgs>

The DragStart event is fired when the user starts dragging an element or text selection.
DropEventCallback<DragEventArgs>

The drop event is fired when an element or text selection is dropped on a valid drop target.

TableHeader

EventType
ContextMenuEventCallback<MouseEventArgs>

The event is fired when an element or text selection is right clicked to show the context menu.
DragEventCallback<DragEventArgs>

The drag event is fired every few hundred milliseconds as an element or text selection is being dragged by the user.
DragEndEventCallback<DragEventArgs>

The DragEnd event is fired when a drag operation is being ended (by releasing a mouse button or hitting the escape key).
DragEnterEventCallback<DragEventArgs>

The DragEnter event is fired when a dragged element or text selection enters a valid drop target.
DragLeaveEventCallback<DragEventArgs>

The DragLeave event is fired when a dragged element or text selection leaves a valid drop target.
DragOverEventCallback<DragEventArgs>

The DragOver event is fired when an element or text selection is being dragged over a valid drop target (every few hundred milliseconds).
DragStartEventCallback<DragEventArgs>

The DragStart event is fired when the user starts dragging an element or text selection.
DropEventCallback<DragEventArgs>

The drop event is fired when an element or text selection is dropped on a valid drop target.

TableHeaderCell

EventType
ClickedEventCallback<MouseEventArgs>

Notifies when the header cell is clicked.
ContextMenuEventCallback<MouseEventArgs>

The event is fired when an element or text selection is right clicked to show the context menu.
DragEventCallback<DragEventArgs>

The drag event is fired every few hundred milliseconds as an element or text selection is being dragged by the user.
DragEndEventCallback<DragEventArgs>

The DragEnd event is fired when a drag operation is being ended (by releasing a mouse button or hitting the escape key).
DragEnterEventCallback<DragEventArgs>

The DragEnter event is fired when a dragged element or text selection enters a valid drop target.
DragLeaveEventCallback<DragEventArgs>

The DragLeave event is fired when a dragged element or text selection leaves a valid drop target.
DragOverEventCallback<DragEventArgs>

The DragOver event is fired when an element or text selection is being dragged over a valid drop target (every few hundred milliseconds).
DragStartEventCallback<DragEventArgs>

The DragStart event is fired when the user starts dragging an element or text selection.
DropEventCallback<DragEventArgs>

The drop event is fired when an element or text selection is dropped on a valid drop target.

TableFooter

EventType
ContextMenuEventCallback<MouseEventArgs>

The event is fired when an element or text selection is right clicked to show the context menu.
DragEventCallback<DragEventArgs>

The drag event is fired every few hundred milliseconds as an element or text selection is being dragged by the user.
DragEndEventCallback<DragEventArgs>

The DragEnd event is fired when a drag operation is being ended (by releasing a mouse button or hitting the escape key).
DragEnterEventCallback<DragEventArgs>

The DragEnter event is fired when a dragged element or text selection enters a valid drop target.
DragLeaveEventCallback<DragEventArgs>

The DragLeave event is fired when a dragged element or text selection leaves a valid drop target.
DragOverEventCallback<DragEventArgs>

The DragOver event is fired when an element or text selection is being dragged over a valid drop target (every few hundred milliseconds).
DragStartEventCallback<DragEventArgs>

The DragStart event is fired when the user starts dragging an element or text selection.
DropEventCallback<DragEventArgs>

The drop event is fired when an element or text selection is dropped on a valid drop target.

Methods

Table

MethodReturnParameters
ScrollToPixelsValueTaskint pixels

If table has FixedHeader enabled, it will scroll position to the provided pixels.
ScrollToRowValueTaskint row

If table has FixedHeader enabled, it will scroll position to the provided row.
On this page