[DataGridPro] Summary Row

[sagiBarkol]

Summary Row

• I have searched the issues of this repository and believe that this is not a duplicate.

Summary 💡

add a summary row that shows the sum of all or chosen row-column (for example: amount column)

Examples 🌈

• https://devexpress.github.io/devextreme-reactive/react/grid/docs/guides/summary-row/
• https://ag-grid.com/javascript-grid/status-bar/

Motivation 🔦

I have order reports and I need to know the sum of all the orders amount

[dtassone]

You could customize the footer to do that
https://material-ui.com/components/data-grid/components/#footer

[sagiBarkol]

You could customize the footer to do that
https://material-ui.com/components/data-grid/components/#footer

thanks! but it's kinda annoying that I don't get the records on the bulkAction callback, that's mean that I need to call the dataProvider for the "amount" for every checked record.
any idea how I can avoid it?

[oliviertassinari]

I would note that this feature likely depends on #208. It's also a bit related to #2795.

[Here2Huynh]

You could customize the footer to do that https://material-ui.com/components/data-grid/components/#footer

I am currently using this approach to show a summary row. The only problem I am running into is that footer horizontal scroll doesn't sync with the rest of the data grid like how column header does in mobile view. Any advice on how to remedy this?