oui icon indicating copy to clipboard operation
oui copied to clipboard

Published 20 hours ago • verified publisher icon opensearch-project

Data Grid - Column Headers - Add tooltip on hover

Open KrooshalUX opened this issue 1 year ago • 13 comments

As per the discussion here: https://github.com/opensearch-project/OpenSearch-Dashboards/issues/4279#issuecomment-1589825431

With the implementation of Data Grid as the component that powers the Table Visualization, the use case for Data Grid and the common size for Data Grid has been updated. Data Grid provides click-actions within cells to reveal truncated values, but there is no similar mitigation for when a row is too narrow to display the column header. Screen Shot 2023-06-13 at 11 42 31 AM

Therefore, another way to display column headers needs to be implemented. Tooltip does feel like the right approach on hover to reveal the column header. OuiBasicTable provides browser tooltips on hover of the column header while utilizing the entire column header string and the icon for the sort click action. It would be good to bring this pattern closer together across both.

Examples from OuiBasicTable: Screen Shot 2023-06-13 at 11 39 33 AM Screen Shot 2023-06-13 at 11 40 33 AM

KrooshalUX avatar Jun 13 '23 18:06 KrooshalUX