Blazorise Table Headers

Utilize the table header component to add controls and options to a table component so that you can display titles, filters, sorting options, and other settings.

Default table header

To add options and controls to a table component to display titles, filters, sorting elements, and other settings, use the table header component.

Table header with date range picker filter

Using a date range picker to select a start and end time and a button to apply the options, use this example to filter table results.

Total data used
to

Table header for comparison

Use this example as a table component's header to display a list of comparison fields, CTA and options buttons, and a title with a helpful tooltip.

Table header with filter buttons

Use this example as a table component's header to display a list of filter buttons, and a radio group buttons for the table view type.