Fixing footer at the bottom with scroll and resize support

This was posted previously:

Goal is to have a footer that'd match the column widths and scroll. Thoughts on how to achieve this? I figured using `onScroll` and listening for the scroll left position could help, but wont help with column different widths. Thoughts?

Start by locating the table footer and the scroll and resize handling in the React component. Compare the footer and column widths while scrolling and resizing, then define a reproducible test case showing that the footer stays aligned and usable; the issue names no files or tests to run.

Written by the indexing model from the issue text.