Use the table header component to append options and controls on top of a table component to indicate titles, filters, sorting elements, and other settings.
Use this free example of a header component that you can position on top of a header to add a search functionality, a CRUD button, table options and filtering results.
This free example can be used to show a title, description, and CTA button for creating a new item inside the table data.
Manage all your existing users or add a new one
Use this example to show a CTA button and a list of buttons grouped on the right side of the table header to toggle options.
Use this example to show a multiple rows of data and actions on top of a table including dropdown filters, inline filters, CTA buttons, search inputs, and more.
Use this example to filter table results using a date range picker to pick a start and end time and a button to apply the options.
Use this example to show a title with an informative tooltip and a row of select input filter elements.
This example can be used on top of a table component to show statistics and a couple of CTA and option buttons.
Use this example as a header for a table component to show a list of comparison fields, CTA and options buttons, and a title with an informational tooltip.
Get started with this example to show a list of buttons grouped together that you can use to filter results together with export functions, dropdown buttons, and more.
Use this example to show navigational tabs for the table component and change the content inside when clicking on one or the other.
New York, United States
$832
$1956
This example can be used to show a search input field inside the table header to filter results by a query string.
Use this example to show a table settings button with a title, an informative tooltip, and a list of buttons to use for additional settings.
This example can be used to show navigation breadcrumbs, a list of select input filter elements, radio input elements, and dropdown buttons.