Open UIOpen UI GitHub

Table (Working Draft)

Anatomy

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

Concepts

Show descriptions

basic

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.

selected-rows

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.

sorting

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.

inline-edit

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.

truncate-content

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.

highlight

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.

expandable

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.

compact

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.

pagination

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.

filtering

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.

loading

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.

striped

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.

contextual-styles

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.

bordered

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.

resize

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.

headless

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.

context-menu

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.

cell-highlight

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.

colspan

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.

fixed-header

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.

drag-n-drop-sorting

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.

empty

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

footer

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

fixed-columns

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

horizontal-scroll

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

toolbar

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

vertical-scroll

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

columns-reorder

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

inner-navigation

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

borderless

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

header-icons

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

vertical-align

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

text-align

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

disabled-row

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

stacked

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