How to make all column headers sticky(fixed) in ag-grid in angular while page scrolling?

Question

I have tried this for two days but still I couldn't find the solution can any one please help me in this.

score 0 · Answer 1 · answered Sep 13 '20 at 14:52

0

I suppose your header HTML be like:

the CSS for it to stick on top must be:

.header {
  position: fixed;
  width: 100vw;
  top: 0px;
  left: 0px;
}

answered Sep 13 '20 at 14:52

Cuong Hoang

i tried this already but when we give position as fixed it is at the top of the page, but i need like after scrolling down to the header position it should be fixed at the top. – Jeeva Sep 14 '20 at 08:22

score 0 · Answer 2 · answered Aug 27 '23 at 11:53

0

you can use sticky

    .header {position: sticky;}

answered Aug 27 '23 at 11:53

Gina Habib

2 Answers2