fleetdm / fleet

Open-source platform for IT, security, and infrastructure teams. (Linux, macOS, Chrome, Windows, cloud, data center)
https://fleetdm.com
Other
2.91k stars 404 forks source link

Make column headers visible when scrolling on large tables in Fleet UI #18595

Open nonpunctual opened 4 months ago

nonpunctual commented 4 months ago

Making the column headers visible always when scrolling on large tables would be nice.

Customer feedback:

  1. If there are a bunch of columns the table is easily wider than my screen. (This is fine.)
  2. If there are results in cells that are multi-line then the table becomes taller than my screen. (This is also fine.)
  3. The horizontal scroll bar is on the bottom and the column headers are on the top.
  4. If I want to scroll sideways and also see the names of the columns I'm looking at - a. I always want to see the names of the columns I'm looking at...
  5. I have to go through this highly awkward dance of scroll down, scroll over, scroll up, repeat.

Kinda frustrating. This is especially a problem with the kubequery plugin which can return large tables that are well nigh impossible to browse.

I thought I'd be smart and export to csv. But the commas in the json in the cells confused the google sheet import.

Problem

Improve visibility of colmun headers in Fleet UI when scrolling on large tables.

Potential solutions

  1. Some web app UI table views scroll in a frame with column headers fixed at the top of that frame. Google Sheets works this way.
  2. Show column headers at top & bottom of tables.
noahtalerman commented 3 months ago

@nonpunctual thanks for moving the customer feedback here! Very helpful.

Which table exactly is the customer talking about?

At Fleet, we ship small, iterative improvements. This way, we can ship value for our customers quickly.

I think let's transform this feature request into something like "Make column headers visible when scrolling on the <insert-table-here> table in Fleet"

nonpunctual commented 3 months ago

@noahtalerman Hosts. But, also, live query results.