[Table] Support fixed footer

[michael-land]

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

Summary 💡

I'm always frustrated when add styles or create classes just for stickyFooter.

<TableFooter>
   <TableRow>
      <TableCell style={{ backgroundColor: '#fafafa', position: 'sticky', bottom: 0 }} />
      ...
    </TableRow>
</TableFooter>

It would be nice MUI support stickyFooter that fixed column footers natively.

<Table stickyHeader stickyFooter />

Examples 🌈

[oliviertassinari]

@xiaoyu-tamu See the demo at https://next.material-ui.com/components/tables/#fixed-header, the footer is already fixed. The difference between the footer and the header is that the header horizontal scroll positions need to be sync with the cells, it's not the case for the footer.

[michael-land]

@oliviertassinari

Right, the fixed-header example has fixed footer ( i would say it's a fixed toolbar/paginations ).

What I refer to is make tfoot > td fixed inside <table />, it should sync horizontal scroll with cells.

I think it's useful when ppl want to duplicate column names in bottom or display aggregate(sum,avg,..etc) value below each cell for long content table.

for example: