Changing background color in Table Footer

[robert.gilbert]

I wanted to change my table footer background color to white so I used the following css in helium-ext.scss:

    .v-table-footer-container {
        background-color: white;
    }

My Table now looks like this:

How do I remove the vertical grid lines in my table footer ?

[gorelov (Gleb Gorelov)]

Hi,

Since Helium uses CSS variables for colors, it’s recommended to change the --table-aggregation-background-color variable value instead of styling specific DOM elements, e.g.:

@mixin com_company_demo-helium-ext {
  --table-aggregation-background-color: white;
}

@robert.gilbert

How do I remove the vertical grid lines in my table footer ?

Actually, you style incorrect dom element, the correct css query is .v-table .v-table-footer-wrap, e.g. if you want to change color only for bottom aggregation row, you can write the following:

.v-table .v-table-footer-wrap {
  --table-aggregation-background-color: white;
}

Gleb

[robert.gilbert]

Thanks Gleb. It worked !