Show table row options to the left on hover

Show table row options to the left on hover

I have a table on an app that im creating (DataTables currently), and as you can see below, its rather packed with columns, and unfortunately, all of them are necessary.

I wanted to hide the three left columns, Delete/Visibility/Primary, to make more space on the table. But theya re still needed, so I was thinking maybe make it so when you hover over the row, it shows the 3 options to the left of it, making it look like the row is extended or something.

Does anyone know how I could do that? Just add a div or span or something to the left of the row that shows only on hover, and make it the exact hight and position of the row?

Thanks for any help!