question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Highlight Whole Row on Mouseover

See original GitHub issue

Is 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: animation

Thanks, Awesome library!

Issue Analytics

  • State:closed
  • Created a year ago
  • Comments:18 (18 by maintainers)

github_iconTop GitHub Comments

2reactions
jassmithcommented, Jul 14, 2022

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.

1reaction
jassmithcommented, Jul 19, 2022
const e = React.useMemo(() => ({
  current: undefined,
  rows: CompactSelection.empty();
  columns: CompactSelection.empty();
}, []);

<DataEditor {...otherProps} selection={e} />
Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found