Changing the color of aggregation value from a table

Hello,

Is there any possibility that the color of aggregation value from a table can be changed?
By adding a new variable like .v-table-aggregation… something?


Since I don’t want just changing the row’s background-color to orange only, I would like to change its value color too, so that the other users can see it sharply.

Regards,
Danny

Hello!

Helium, Hover do not have variable for color in aggregation row. And Helium has a variable only for aggregation row in TOP mode: --table-aggregation-text-color.

The solution is to adding custom selectors to color the text:

<table id="ordersTable"
       aggregatable="true"
       aggregationStyle="BOTTOM"
       stylename="custom-aggregation-bottom-color"
.custom-aggregation-bottom-color {
  .v-table-footer-wrap {
    color: #bc0b0b;
  }
}
1 Like

Thank you for your help. I tried once and it works for me. Many thanks. :+1: