How to highlight column and row on hover in React + Ant Design?

Question

React

I use the Ant Design component library. In library tables, by default, hovering highlights the row that the mouse is hovering over. Does the library itself have a way to add highlighting for both columns and rows so that the cursor is at the intersection?

Answer 1

I just recently highlighted the columns through data-attributes, in the Reakt state it will be even easier to find out the position of the column / row by index in the array
How to highlight the corresponding. column?
I won’t say about “Does the library itself have a way”, but in general it is quite solvable, onMouseEnter you add classes