'How to style mat table on hover like figma design attached

I have a design for a mat-table. find the attached image. on hover, the row should look like the attached image

figma design on hover stackblitz link



Solution 1:[1]

You need to define a wrapper in table cells to do this styling. Here is the attached example of what you are trying to do

https://angular-w5ynyb.stackblitz.io

Editor https://stackblitz.com/edit/angular-w5ynyb

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 zainhassan