Fix: Paginator positioning and alignment for full page tables isn't correct

[aneeshsharma]

Description

Pagination element for full page tables was positioned as fixed. Which meant if the width was set to 100%, it will take the width of the viewport and not the width of the parent table.

This leads to the positioning of the element being incorrect as well as alignment being off.

Solution is to make the pagination element position: sticky, that way width: 100% takes the width of the parent table and not the viewport.

This does mean that full page tables and embedded tables are now not different in terms of pagination.

Testing

I tested a few configurations of tables manually, as well as ran unit tests to make sure nothing is breaking with the change.

[codecov[bot]]

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Comparison is base (a3e3e12) 82.99% compared to head (ca34238) 82.99%.

Additional details and impacted files

@@           Coverage Diff           @@
##             main    #2517   +/-   ##
=======================================
  Coverage   82.99%   82.99%           
=======================================
  Files         925      925           
  Lines       20636    20636           
  Branches     3260     3260           
=======================================
  Hits        17127    17127           
  Misses       3389     3389           
  Partials      120      120           

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.

[github-actions[bot]]

Test Results

       4 files     316 suites   31m 30s :stopwatch: 1 131 tests 1 131 :heavy_check_mark: 0 :zzz: 0 :x: 1 141 runs  1 141 :heavy_check_mark: 0 :zzz: 0 :x:

Results for commit ca342383.

:recycle: This comment has been updated with latest results.