blueprint icon indicating copy to clipboard operation
blueprint copied to clipboard

Feature Request: React Table Row Hover

Open brsanthu opened this issue 7 years ago • 4 comments

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.

brsanthu avatar Mar 11 '17 05:03 brsanthu

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

tgreenwatts avatar Mar 29 '17 23:03 tgreenwatts

+1

mscolnick avatar May 12 '17 09:05 mscolnick

+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)

Que3216 avatar Jun 30 '17 16:06 Que3216

i got one more problem with rows: if u not use ghostCells, then row highlight will end, where last data row ends...

Lojka59 avatar Oct 17 '17 07:10 Lojka59