how to hide a row without effecting the row numbering order

tonik23

Hi All,

this is my table https://stage-chamanisme.com/calendrier/

As you can see, it's a table with dates and events. Now once an event has pass, I would like to remove or hide it from displaying.

But the issue i'm having is, each event is colour coded and I've assigned each row to a particular colour. So now if I remove or hide a row, it messes with the colour of the next the row down and so now.

E.g

.tablepress-id-8 .row-3 td {
background-color: #DACD5A;
}

So if i hide or delete row 3, row 4 becomes row 3 and it takes on the colour that was assigned to row 3 before it was deleted.

Sorry if this sounds confusing.

What can be done about this?

Thanks in advanced,
Toan

colin

Hi @tonik23 ,

It doesn't look there's a DataTable on that page, it's plain HTML. For standard HTML questions, it would be worth asking on StackOverflow.

Cheers,

Colin

tonik23

thank you @colin