On hover table cell, highlight all respective cell/rows according row height of the hovered cell

Question

I am trying to create a schedule table using VueJS. Where different columns represent venues with different event duration and each row represents 5min time each.

Dur