Highlight Whole Row on Mouseover
See original GitHub issueIs there a way to highlight the whole row when rolling over one row item? I know the whole roll can be highlighted when you check the checkbox rowMarkers={'checkbox'}
but I would like to do it when hovering over a row.
Also, how do I show the pointer cursor when hovering over rows?
Example from our current MUI table:
Thanks, Awesome library!
Issue Analytics
- State:
- Created a year ago
- Comments:18 (18 by maintainers)
Top Results From Across the Web
How to highlight table row on hover using CSS only?
Accepted answer's idea is to use :hover pseudo-class along with setting background-color and your answer does not differs from it. – lolbas. Feb ......
Read more >Highlight Table Row on hover using CSS - Text Fixer
You can use CSS without any javascript to make the row of a table highlight on hover. All it requires is that the...
Read more >CSS And HTML: Highlighting Table Rows Upon Mouse Overs
When the mouse is over a row, the function highlightTableRowVersionA(this) will be called. In this function, the row background color will be altered...
Read more >Highlight a single row on hover with a class - WordPress.org
Also I am not sure which CSS selector to use (div class, td class, tr class?) as I want the whole row and...
Read more >How to Highlight Table Row on hover mouse Using CSS
It displays table row background color on hover to highlight the row when someone hovers over the row of a table. You can...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
I have added an example of this in the 5.0.0 branch here: https://github.com/glideapps/glide-data-grid/pull/416/commits/12161cca4348b01d481b5078343b63857b2913d5
Note that you will need to wait for 5.0.0 for this demo to work exactly, until then you could replace no-outline with “solid” to get close.