XF 2.3 Alternating Colors for Table Rows

[Senkusha]

I'm wanting to dress up my tables, make them more readable. Is there an easy way to add even/odd color background for rows in a table? I'm sure this is probably controlled through CSS, maybe in extra.less?

 

[Mr Lucky]

Try this in extra.less. Adapt to suit.

tr:nth-child(even) {background-color: silver;}

 

[Senkusha]

I added that to my extra.less, even included the missing closing brace, but I don't see any differences.

 

[CTS]

I asked Google AI and it said this: untested.

/* Target standard HTML tables or custom bbTables */
table, .bbTable table {
    tr:nth-child(odd) {
        background-color: @xf-contentAltBg; /* Odd row background */
    }
    
    tr:nth-child(even) {
        background-color: @xf-pageBackground; /* Even row background */
    }
}

 

[Mr Lucky]

Sorry this:

tr:nth-child(even) td {background-color: silver!important}

Or for both even and odd

tr:nth-child(even) td
{background-color: silver!important}

tr:nth-child(odd) td
{background-color: blue!important}

 

[Senkusha]

That did the trick! Thank you!

 

[Mr Lucky]

That did the trick! Thank you!

No problem happy to help. I knew but had forgotten that a row (tr) cannot have a background. Only a cell (or a table) can have a background.