Update footer SUM on filter

[arindammitra06]

Hi All,

I simply love this library. Thanks a lot for this awesome library. I am stuck at a issue where in I am trying to add a footer showing the sum of the rows, which actually works. But when I filter the data (any column irrespective of the footer field), I want to update the footer (which actually shows the sum).

This is what I have tried and seems not to work on filter. Any suggestions would be helpful. Thanks again.

This is what I did..

const sumLt = savingsData.reduce((sum, product) => sum + Number(product.lt!==null ?product.lt : 0 ), 0);

Footer: () => (

Sum of LT: {formatAmount(Math.round(sumLt))}

),
.
.
.
[sumLt]

[arindammitra06]

Okay just wanted to update.. I got it resolved this way if anyone needs in future.
Footer: (table :any) => { // console.log(table.table.getFilteredRowModel().rows.reduce((total:any, row:any) => Number(total) + Number(row.getValue('lt')), 0),); let sum =table.table.getFilteredRowModel().rows.reduce((total:any, row:any) => Number(total) + Number(row.getValue('savingsOverageAmount')), 0); return ( <Stack> Sum of LT: <Box color="orange">{formatAmount(Math.round(sum))}</Box> </Stack> ) },