question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Table] Add input for sticky headers

See original GitHub issue

Add an input to <cdk-table> that makes the table’s header stick to the top of the scroll container.

Interim solution: Use styles position: sticky; top: 0 on the header element.

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:79
  • Comments:24 (5 by maintainers)

github_iconTop GitHub Comments

25reactions
Maximaximumcommented, Nov 24, 2017

Support for sticky headers would be a really great feature! Really waiting for it 😃

7reactions
andrewseguincommented, Oct 2, 2017

You can use position: sticky; top: 0 on the header row for now. Unfortunately this isn’t a valid solution for IE but we have an implementation for this that we’d like to introduce soon.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Position Sticky and Table Headers | CSS-Tricks
Use case:- the first header has static values but the 2 header ( below the first header ) has values that we could...
Read more >
How to create sticky table headers in Chrome ? - GeeksforGeeks
Approach: The approach is to set the position property as sticky on the table headers so that they remain fixed at the top...
Read more >
How to create sticky headers in tables? - Atlassian Community
Hi All - I am having issues creating sticky headers in the tables I'm creating. I have some pages where magically the header...
Read more >
HTML table with fixed headers? - javascript - Stack Overflow
Simply put you have a table header, that you visually hide by making it 0px high, that also contains divs used as the...
Read more >
Creating list and table sticky headers with HTML and CSS
In this demo we have a table with rows and columns sticky headers. So we'll create three CSS classes: .sticky-top will be aligned...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found