Row background colour

Gaz96

Whats the easiest way to change the background colour of the row stripe?

allan

If you just want to change the tint:

:root {
  --dt-row-stripe: 255, 0, 0;
}

where the value is an rgb value, comma separated.

If you want complete control this is the CSS to overrule:

table.dataTable.stripe > tbody > tr.odd > *,
table.dataTable.display > tbody > tr.odd > * {
  inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.023)
}

Assuming of course that you are using the DataTables default styling.

Allan

Gaz96

Magic. Where do I put that code??

allan

In a style tag, or a custom CSS file if you have one.

Allan

Gaz96

Hi Allan

I added the following in between the head tags but to no avail - sorry for my ignorance:
<style type="Text/CSS">
:root {
--dt-row-stripe: 255, 0, 0;
}
</style>

allan

That seems to work okay for me here: https://live.datatables.net/visoliha/1/edit .

As I say, it is a tint only. If you want complete control, you need to override the CSS DataTables is using.

Please link to a page showing the issue if you are still having problems with it.

Allan

Gaz96

Try this:

https://www.dot-ball.uk/index.php?birthday=2023-08-06

Gaz96

Oh, cracked it. Needed a reference to <link href="https://nightly.datatables.net/css/jquery.dataTables.css" rel="stylesheet" type="text/css" />

Thanks so much for your help
Gary :-)

allan

Oh - were you using an old version? Yes, that way of controlling the stripe colour was quite new.

Good to hear you got it done.

Allan