Skip to content

WIP: Resolve "Add gl-responsive-table component"

This MR aims to create gitlab-ui solution of the widespread responsive table used in gitlab.com codebase. The component uses div and flex to be able to render a nice mobile version of the table when the viewport is small, and rely on role attrs to maintain semantics and a11y support.

The component is pretty basic, but is written keeping in mind the gl-table API and replicating it as much as possible to ensure smooth swap between the two components.

Features

  • Simple basic table
  • Mobile view with columns on the left
  • Same API as GlTable (a subset of it)
  • Slot for customising cell
  • Slot for customising table header
  • Slot for customising table header in mobile view
  • Column sizing and props

Videos

Old version

screen-capture__12_

New version (24ece346)

screen-capture__13_

related to #269 (closed)

Edited by Nicolò Maria Mezzopera

Merge request reports