Open UIOpen UI GitHub Discord

Table

Anatomy

  • title
  • header
  • column
  • row
  • context-menu
  • cell
  • footer
  • paginaiton

Concepts

An image of the basic concept on a Table component in Ant Design.
An image of the basic concept on a Table component in Atlaskit.
An image of the basic concept on a Table component in Auth0 Styleguide.
An image of the basic concept on a Table component in Bootstrap.
An image of the basic concept on a Table component in Carbon Design System.
An image of the basic concept on a Table component in Evergreen.
An image of the basic concept on a Table component in UI Fabric.
An image of the basic concept on a Table component in Lightning Design System.
An image of the basic concept on a Table component in Material Components Web.
An image of the basic concept on a Table component in Semantic UI.
An image of the basic concept on a Table component in WAI-ARIA.

An image of the selected-rows concept on a Table component in Ant Design.
An image of the selected-rows concept on a Table component in Ant Design.
An image of the selected-rows concept on a Table component in Carbon Design System.
An image of the selected-rows concept on a Table component in Lightning Design System.
An image of the selected-rows concept on a Table component in Lightning Design System.
An image of the selected-rows concept on a Table component in Lightning Design System.
An image of the selected-rows concept on a Table component in Material Components Web.
An image of the selected-rows concept on a Table component in Material Components Web.
An image of the selected-rows concept on a Table component in Semantic UI.

An image of the sorting concept on a Table component in Ant Design.
An image of the sorting concept on a Table component in Atlaskit.
An image of the sorting concept on a Table component in Carbon Design System.
An image of the sorting concept on a Table component in Evergreen.
An image of the sorting concept on a Table component in Evergreen.
An image of the sorting concept on a Table component in Lightning Design System.
An image of the sorting concept on a Table component in Semantic UI.

An image of the inline-edit concept on a Table component in Ant Design.
An image of the inline-edit concept on a Table component in Ant Design.
An image of the inline-edit concept on a Table component in Ant Design.
An image of the inline-edit concept on a Table component in Lightning Design System.
An image of the inline-edit concept on a Table component in Lightning Design System.
An image of the inline-edit concept on a Table component in Lightning Design System.
An image of the inline-edit concept on a Table component in Lightning Design System.

An image of the truncate-content concept on a Table component in Ant Design.
An image of the truncate-content concept on a Table component in Atlaskit.
An image of the truncate-content concept on a Table component in Auth0 Styleguide.
An image of the truncate-content concept on a Table component in Evergreen.
An image of the truncate-content concept on a Table component in UI Fabric.
An image of the truncate-content concept on a Table component in Lightning Design System.
An image of the truncate-content concept on a Table component in Semantic UI.

An image of the highlight concept on a Table component in Ant Design.
An image of the highlight concept on a Table component in Atlaskit.
An image of the highlight concept on a Table component in Bootstrap.
An image of the highlight concept on a Table component in Carbon Design System.
An image of the highlight concept on a Table component in UI Fabric.
An image of the highlight concept on a Table component in Semantic UI.

An image of the expandable concept on a Table component in Ant Design.
An image of the expandable concept on a Table component in Carbon Design System.
An image of the expandable concept on a Table component in UI Fabric.
An image of the expandable concept on a Table component in UI Fabric.
An image of the expandable concept on a Table component in Lightning Design System.
An image of the expandable concept on a Table component in Lightning Design System.

An image of the compact concept on a Table component in Ant Design.
An image of the compact concept on a Table component in Bootstrap.
An image of the compact concept on a Table component in Carbon Design System.
An image of the compact concept on a Table component in UI Fabric.
An image of the compact concept on a Table component in Semantic UI.

An image of the pagination concept on a Table component in Ant Design.
An image of the pagination concept on a Table component in Atlaskit.
An image of the pagination concept on a Table component in Carbon Design System.
An image of the pagination concept on a Table component in Semantic UI.

An image of the filtering concept on a Table component in Ant Design.
An image of the filtering concept on a Table component in Carbon Design System.
An image of the filtering concept on a Table component in Evergreen.
An image of the filtering concept on a Table component in UI Fabric.

An image of the loading concept on a Table component in Ant Design.
An image of the loading concept on a Table component in Atlaskit.
An image of the loading concept on a Table component in Atlaskit.
An image of the loading concept on a Table component in UI Fabric.

An image of the striped concept on a Table component in Bootstrap.
An image of the striped concept on a Table component in Carbon Design System.
An image of the striped concept on a Table component in Lightning Design System.
An image of the striped concept on a Table component in Semantic UI.

An image of the contextual-styles concept on a Table component in Bootstrap.
An image of the contextual-styles concept on a Table component in Semantic UI.
An image of the contextual-styles concept on a Table component in Semantic UI.
An image of the contextual-styles concept on a Table component in Semantic UI.

An image of the bordered concept on a Table component in Ant Design.
An image of the bordered concept on a Table component in Bootstrap.
An image of the bordered concept on a Table component in Lightning Design System.

An image of the resize concept on a Table component in Ant Design.
An image of the resize concept on a Table component in UI Fabric.
An image of the resize concept on a Table component in Lightning Design System.

An image of the headless concept on a Table component in Atlaskit.
An image of the headless concept on a Table component in Lightning Design System.
An image of the headless concept on a Table component in Lightning Design System.

An image of the context-menu concept on a Table component in Atlaskit.
An image of the context-menu concept on a Table component in Carbon Design System.
An image of the context-menu concept on a Table component in Evergreen.

An image of the cell-highlight concept on a Table component in Lightning Design System.
An image of the cell-highlight concept on a Table component in Lightning Design System.
An image of the cell-highlight concept on a Table component in Semantic UI.

An image of the colspan concept on a Table component in Ant Design.
An image of the colspan concept on a Table component in Semantic UI.

An image of the fixed-header concept on a Table component in Ant Design.
An image of the fixed-header concept on a Table component in Evergreen.

An image of the drag-n-drop-sorting concept on a Table component in Ant Design.
An image of the drag-n-drop-sorting concept on a Table component in UI Fabric.

An image of the empty concept on a Table component in Atlaskit.
An image of the empty concept on a Table component in Atlaskit.

An image of the footer concept on a Table component in Ant Design.

An image of the fixed-columns concept on a Table component in Ant Design.

An image of the horizontal-scroll concept on a Table component in Bootstrap.

An image of the toolbar concept on a Table component in Carbon Design System.

An image of the vertical-scroll concept on a Table component in UI Fabric.

An image of the columns-reorder concept on a Table component in UI Fabric.

An image of the inner-navigation concept on a Table component in UI Fabric.

An image of the borderless concept on a Table component in Lightning Design System.

An image of the header-icons concept on a Table component in Lightning Design System.

An image of the vertical-align concept on a Table component in Semantic UI.

An image of the text-align concept on a Table component in Semantic UI.

An image of the disabled-row concept on a Table component in Semantic UI.

An image of the stacked concept on a Table component in Semantic UI.