limel-table: select all checkbox background is only sticky for a while when scrolling

[anderssonjohan]

Current behavior

While the background of the select all checkbox initially is hiding the column headers scrolling behind it:

...it reveals them after about 50% scrolling horizontally:

Steps to reproduce the behavior:

1. Use a viewport where the table can be scrolled horizontally
2. Scroll through the first column and notice that the first column's header is hidden behind the select all checkbox header area
3. Scroll through some of the last columns and notice that their headers are not hidden - they start to appear on the left side of the select all checkbox

Expected behavior

• The stickyness of the select all column header should apply to all columns

Environment

• lime-elements version:
• Framework used:
• Logs:

[Kiarokh]

happens because <div class="tabulator-headers"> is as wide as the table container (instead of being as wide as its contents). So when user scrolls away, the div scrolls out of the container eventually. Here I made the header an inline grid, to illustrate what happens to the sticky first cell.

https://user-images.githubusercontent.com/35954987/158145950-aa523c9e-0839-42a4-9ac8-36512127ea57.mov