Table sticky-header width causing overlap

Setting the table to `width: auto;` seems to fix it for me.

In the rc, the width calculation doesn't happen on the full table, but on the individual columns instead. This has been done in 📌 [JS Refactor] tableselect / tableheader Fixed .

From what I can see, also using Horizontal, Modern Toolbar (though no idea if related or not), the table inherits `width: 100%` from claro, which makes it span too wide. Setting that to `width: auto` (via `table.sticky-header { width: auto; }` constraints the table to the cumulative width of the (correctly calculated) column widths.

@berliner oh my gosh THANK YOU - this has been driving me bonkers on views with many columns in a table, and that bit of CSS seems to work for me too.

Actually... I've discovered that table.sticky-header { width: auto; } unfortunately doesn't handle the case of the table wider than the page.

The table is inside a wrapper with horizontal scroll (div.gin-table-scroll-wrapper), so if it's too wide, it'll scroll horizontally. However, the sticky header does not horizontally scroll with it, so the column headings don't stay aligned. :(

@tea.time Outch, good catch. It's true, I didn't test that scenario at all, just wanted to get rid of the overflow quickly. Too quickly ..

This change needs a review

Thanks @saschaeggi. That change works for me without the width: auto; on the table and fixes the issue.
I couldn't test the scenario described by @tea.time though.

@tea.time can you have a look at the MR and report if it fixes the problem for you as well? TY

Thanks y’all

@abelass, yes, that might be true. there are several issues covering the same problem, so i wasn't really sure where to put it. sorry, if picked the wrong one.

Automatically closed - issue fixed for 2 weeks with no activity.

This overflow issue somehow appeared again in rc8 on D 10.2. I didn't have time to investigate further at the moment, but the "table { width: 100% }" fix worked in my use case again, ignoring issues with table overflowing the page content horizontally.

Anyone here can reopen the issue?