Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Pin the headers to the top of the window #2717

Merged
merged 2 commits into from
May 21, 2024

Conversation

JavierUhagon
Copy link
Contributor

The issue

Currently when you execute a test with a large number of different endpoints the Table Head doesn't scroll when you scroll down, making the analysis and navigation of the HTML Report and the Statistics tab a pain.
closes #2688

Changes

  • Applied sticky positioning to the TableHead to ensure it remains at the top of the viewport.

  • Ensured the TableContainer allows the sticky positioning by setting overflow-X to visible.

Testing Evidence

Statistics Tab
Grabacion.de.pantalla.2024-05-20.a.las.13.13.02.mov
HTML Report
Grabacion.de.pantalla.2024-05-20.a.las.13.15.23.mov

@JavierUhagon JavierUhagon changed the title Pin the headers and aggregated row to the top of the window Pin the headers to the top of the window May 20, 2024
@cyberw cyberw merged commit 564bfa8 into locustio:master May 21, 2024
14 checks passed
@cyberw
Copy link
Collaborator

cyberw commented May 21, 2024

Seems to work nicely! I'll run the make frontend_build magic in master. Fyi @andrewbaldwin44

cyberw added a commit that referenced this pull request May 21, 2024
@andrewbaldwin44
Copy link
Collaborator

Nice! Thanks for taking care of this!

@JavierUhagon JavierUhagon deleted the pintableHead branch May 27, 2024 12:48
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Pin the headers and aggregated row to the top and bottom of the window
3 participants