search

palantir / blueprint

A React-based UI toolkit for the web
https://blueprintjs.com/
Apache License 2.0
20.63k stars 2.17k forks source link

Feature Request: React Table Row Hover #827

Open brsanthu opened 7 years ago

brsanthu commented 7 years ago

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.

tgreenwatts commented 7 years ago

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

mscolnick commented 7 years ago

+1

Que3216 commented 7 years ago

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

Lojka59 commented 6 years ago

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