Grafana Table headers behave like idiots

Grafana
1

My table has a lot of columns.
So when i move the horizontal scroll, the data is visible but the header does not move.
Like a fool…

How can I fix it? Help me!!

1 Like
2

Hm… I think there’s no way, but you can try Datatable Panel plugin - https://grafana.com/grafana/plugins/briangann-datatable-panel

1 Like
3

“Briangann-datatable-panel” is too slow …
Searching 50000 does not work.

4

Good question!
It also bothered me for several months, but I have recently seen hope.
When I was adding several columns of indicators to the table, I stumbled upon a table that can achieve the effect we want, just like the only surviving rice seedling in the experimental field.
Here are my suggestions, which can be reproduced after repeated attempts:

  1. Configure static column width for all fields
  2. Configure static column width that exceeds its field content by more than 10%.
    2.1 To break the 300 column width limit of grafana, you can first configure it in ‘ovveride’, then manually fill in a large number in ‘json mode’, and finally click ‘save dashboard’.
  3. Align the first column to the left and the last column to the right to fix the width of this table.
    1 and 2 are the most necessary.
    Finally, I achieved vertical alignment of the table header with the column when scrolling horizontally.

Good luck^_^

1 Like
5

:zombie: On at least the 300px column width limit - this has been removed in Grafana v12.1.0

removes the maximum column width from Table configuration (both live and behind the flag). Previously, the max column width was 300px, which is an unnecessary limitation on the user

Unfortunately gets no mention in the release notes.