Change background color of table component in table.css

Ignition Early Access
1

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?

2

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

image
image1309×236 25.2 KB

3

I need this are:

image
image639×845 29.9 KB

4

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