title: ngx datatable vertical scroll with row grouping
body: <p>I am using Angular 2 ngx-datatable. When I set the vertical scroll to <code>true</code> and initialize the <code>groupRowsBy</code> parameter, the page collapses. I have lots of data so I need this virtual scroll.</p>
  
  <p>This is my code:</p>
  
  <pre><code>   &lt;ngx-datatable
      class='material'
      [rows]='rows'
      [columnMode]="'force'"
      [groupRowsBy]="'name'"
      [headerHeight]="50"
      [footerHeight]="50"
      [rowHeight]="50"
      [scrollbarV]="true"&gt;
      &lt;ngx-datatable-group-header [rowHeight]="50" #myGroupHeader 
      (toggle)="onDetailToggle($event)"&gt;
        &lt;ng-template let-group="group" let-expanded="expanded"
         ngx-datatable-group-header-template&gt;
          &lt;div style="padding-left:5px;"&gt;
            &lt;a
              href="#"
              [class.datatable-icon-right]="!expanded"
              [class.datatable-icon-down]="expanded"
              title="Expand/Collapse Group"
              (click)="toggleExpandGroup(group)"&gt;
            &lt;/a&gt;                          
          &lt;/div&gt;
        &lt;/ng-template&gt;
      &lt;/ngx-datatable-group-header&gt;
      &lt;ngx-datatable-column name="Name"&gt;
      &lt;/ngx-datatable-column&gt;
      &lt;ngx-datatable-column name="Gender"&gt;
      &lt;/ngx-datatable-column&gt;
    &lt;/ngx-datatable&gt;
  &lt;/div&gt;
  </code></pre>