fix: Make table header sticky

[juliusknorr]

Slightly different approach for #342 to contribute to #631 making the table column header sticky.

Ideally we would have a combination of absolute positioning and stickyness to let the sticky container only span the outer width of the scroll container, but that seems to be impossible so I went for a resize observer that pins the width of the sticky table header and table options through a css variable which turned out to work reasonably well.

refactor the table as css div table
prepare for column resizing #35

@datenangebot I don't remember exactly if the points in the old pr are still valid, but considering the refactor would still be valid, this seems like a good intermediate solution for browsing larger tables.

Also fixes #474

ToDo

• Smart picker content widget scrolling needs fixing

[datenangebot]

@datenangebot I don't remember exactly if the points in the old pr are still valid, but considering the refactor would still be valid, this seems like a good intermediate solution for browsing larger tables.

Looks good. I did not look to deep into the code. But would this also work if we have multiple tables on a page? (While adjusting the ncTable component, I am struggling with the stickiness in general. Or was that the trigger for this fix? 🙃)

[juliusknorr]

No it was not directly related. I think this should also work with multiple tables on the same page where sticky headers from lower tables should stack on top of the upper header. Though would not exclude that we need some additional special handling for that (especially since the tables might have different width)

[datenangebot]

Reasonable

[enjeck]

Can we merge this? @juliushaertl

[juliusknorr]

I still need to figure out how to do the scrolling with the link previews 🙈 Will try to get that done the next days

[juliusknorr]

Ready from my side, maybe you can have another review @enjeck

Screen recordings added to the pull request description.

[enjeck]

cool 😎

[quentinDupont]

Awesome job, I was looking exactly at this issue, thanks for solving it !