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

Tooltips on table visualisation headers when truncated #4279

Open
jgough opened this issue Jun 13, 2023 · 5 comments
Open

Tooltips on table visualisation headers when truncated #4279

jgough opened this issue Jun 13, 2023 · 5 comments
Labels
bug Something isn't working tableVis table visualization

Comments

@jgough
Copy link
Contributor

jgough commented Jun 13, 2023

On table visualisations with many columns or long column names the names can become truncated. I expected to be able to hover the mouse to see the actual column name if truncated but this does not happen.

To reproduce, create a table with lots of columns, or long column names. Here's a pre-made playground link as an example. Resize the window smaller until the metric names are truncated like so:

image

It is not possible to easily see which column is which - especially confusing when there are many many similarly-named columns.

I'd love be able to hover the mouse to display the full column names.

@jgough jgough added the enhancement New feature or request label Jun 13, 2023
@joshuarrrr joshuarrrr added tableVis table visualization and removed untriaged labels Jun 13, 2023
@joshuarrrr
Copy link
Member

Thanks @jgough, this is definitely annoying. We may need to fix this in the underlying OUI component, as I would expect a tooltip to automatically appear in the case of truncation.

P.S. - Thanks for the playground link - it makes reproduction so easy!

@joshuarrrr
Copy link
Member

@KrooshalUX Is this default column header truncation behavior for DataGrid correct? Or should we wrap long column headers?

@KrooshalUX
Copy link

KrooshalUX commented Jun 13, 2023

Great call outs @jgough & @joshuarrrr - I think I would prefer, for the short term, to provide the tooltip on mouseover vs wrapping. Since there are variations of the look & feel for Data Grid - and - builders can set some rows to not be resizeable, we would need to engage in some more exploration for table header wrapping - especially now that it used to power visualizations that, on a dashboard, could end up somewhat small depending on how the user lays out the visualization on their dashboard, and I think we can make more meaningful progress using the tooltip. The tooltip also feels like the right thing to do for accessibility?

Lets do some exploration @joshuarrrr to see if there is any interference with the click action (right now I see that the entire header is clickable to get the pop-over to show for the sort actions).

@wbeckler
Copy link

I'm adding the "Bug" label as this makes some tables unusable and there is a strong expectation that hovering would reveal the needed information.

@joshuarrrr
Copy link
Member

PR of fix is here: opensearch-project/oui#1133

@ashwin-pc ashwin-pc removed the enhancement New feature or request label Apr 11, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working tableVis table visualization
Projects
None yet
Development

No branches or pull requests

5 participants