Ngx-datatable: Fixed Header

[marraia]

I need the grid to have the fixed header

[dannyvenier]

it will do that if you set the vertical scrolling as per some of the demos.
http://swimlane.github.io/ngx-datatable/#virtual-scroll

But you have to make sure your container for the table doesn't scroll otherwise you'll scroll the entire table out of the viewport, including the header.

I set an explicit size on ngx-datatable and datatable-body but various ways to do it as long as the scroll doesn't bubble to the container and scroll the table up out of view.

[amcdnl]

@dannyvenier - yup. thats how you do it. Thanks for helping out.

[Rjitendra]

is it possible to create scroll with paging and table height should be fixed?

[AshishBohara89]

ngx-datatable has big issue of not using together [scrollbarV]=true and rowHeight="auto". When we use only rowHeight="auto" then header and footer not fixed.

[pptyasar]

@AshishBohara89 is this solved

[bhushangahire]

I dont think @pptyasar that is solved. Also when I have fixed header there is no way to set it to auto and wrap text also doesn't work.

[danielehrhardt]

.ngx-datatable {
  overflow: unset !important;
  datatable-header {
    overflow: unset !important;
    position: sticky;
    background: #fff;
    top: 0;
    z-index: 100;
    &:before {
      content: ' ';
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      position: absolute;
      background: #fff;
    }
  }