Change background color of table component in table.css

Hi,
I’m using 8.1.4 and have a hard time figuring out how to change the background color of the table component (the area which is not filled with data) in table.css
it seems to change following should do the trick but it doesn’t.

.ia_tableComponent {
    border: var(--containerBorder);
    background-color: red;
}

Is it a bug or there is some hidden CSS rule for that?

Looks like background-color on .ia_tableComponent is only visible when there is padding. Which area are you looking to change?

I need this are:

Look in the common/table.css file in your theme directory and change this one

.ia_table__body {
    background-color: red; /*var(--container);*/
    font-size: 0.875rem;
}

3 Likes