Red Colour Part of Sum in Wijmo Table VUE

Red Colour Part of Sum in Wijmo Table VUE

Posted by: mehmetkaya on 20 December 2022, 10:29 pm EST

• 

  mehmetkaya

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 20 December 2022, 10:29 pm EST - Updated 20 December 2022, 10:34 pm EST

  Hi,

  I want to change colour of negative values in sum part of wijmo table. Can you help me ?

  

  2452×184 28.9 KB

• 

  vivek.pannu

  

  • Post Options:
  • Link
    Copy

  Posted 21 December 2022, 5:23 pm EST

  Hi,

  You can use a custom cell template to change the color of the footer cells in the column.
  
  Please refer to the following code snippet -

  <wj-flex-grid-column binding="sales" header="Sales" aggregate="Sum">
          <wj-flex-grid-cell-template cellType="ColumnFooter" v-slot="cell">
            <span :style="{color: cell.value> 0  ?'green':'red'}"
                      style="font-weight:700">
                  {{cell.value}}
                  </span>
          </wj-flex-grid-cell-template>
          
        </wj-flex-grid-column> 

  You can also refer to the following sample for the same - https://jscodemine.grapecity.com/share/-u6qV3mXBUq-lw4IC2fpfw/

  Regards,
  
  ~ Vivek