blueprint
blueprint copied to clipboard
Feature Request: React Table Row Hover
Is it possible to highlight the current row user hovering on? I could highlight the cell but not finding any ways to highlight the whole row.
Hey @brsanthu - if you have rows numbers enabled you can select a whole row, and in future you'll be able to use your arrow keys to change the selection. Does that satisfy your need? Looking at Google sheets & Excel, they do similar. I've seen tables where you can just hover, but curious what more hovering gives you than selection
+1
+1 This is very hard to do without a change to blueprint table. You can of course add hover listeners, and restyle every cell in the row when one cell is hovered -- but the performance is bad, and because the newly hovered cells don't all render exactly simultaneously you get a flickering effect. To work smoothly this needs to use the bp-table-overlay-layer
like selection does, and so needs to be part of the Blueprint table framework (or alternatively add invisible row/column overlay divs, and consumers can add styling to them)
i got one more problem with rows: if u not use ghostCells, then row highlight will end, where last data row ends...