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.

Answer 1

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;
}

Answer 2

you can use sticky

    .header {position: sticky;}