Re: [csswg-drafts] [css3 positioning] support position:sticky inside an overflow:hidden|auto on general parents (#865) from Benjamin Morel via GitHub on 2019-09-20 (public-css-archive@w3.org from September 2019)

From: Benjamin Morel via GitHub <sysbot+gh@w3.org>
Date: Fri, 20 Sep 2019 17:55:32 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-533651985-1569002131-sysbot+gh@w3.org>

I want to emphasize my support for @valtlai's request as well:

```css
.table-wrapper {
    overflow-x: auto;
}

th {
    position: sticky;
    top: 0;
}
```

Currently you have to choose between having the table scroll horizontally, or sticking the headers. You can't have both, which is a shame.

The only "solution" that does *not* involve JavaScript is forcing the table to a given height, which is a really ugly and counter-user-friendly solution with its 2 scrollbars, one for the page and one for the table (especially when the table is the central UI element in the page).

-- 
GitHub Notification of comment by BenMorel
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/865#issuecomment-533651985 using your GitHub account

Received on Friday, 20 September 2019 17:55:39 UTC