Styling cells that span multiple rows
I'm attempting to build a timetable using HTML tables and apply a class that visually indicates the current event using a bit of js.
Each row represents 30 minutes, and different events last for different amounts of time.
I've worked out how to apply the styles to cells in a given row, and worked out some logic for selecting the right
Is there any way to apply a class/style to a cell by applying styles to one of the rows it spans? If not, any advice on the cleanest way to apply styles to those cells? Right now, the best I can come up with is putting a data attribute on every cell for the time window its in and comparing it to the current time, which feels a bit ridiculous.
Thanks!
https://codepen.io/Beanie127/pen/dyxXyLO
Each row represents 30 minutes, and different events last for different amounts of time.
I've worked out how to apply the styles to cells in a given row, and worked out some logic for selecting the right
<tr>Is there any way to apply a class/style to a cell by applying styles to one of the rows it spans? If not, any advice on the cleanest way to apply styles to those cells? Right now, the best I can come up with is putting a data attribute on every cell for the time window its in and comparing it to the current time, which feels a bit ridiculous.
Thanks!
https://codepen.io/Beanie127/pen/dyxXyLO
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Similar Threads
Was this page helpful?
