Forums Ignite UI for Angular
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Shobhana Suara
1415
Hierarchical grid vertical scroll bar needed for parent and row-island grid
posted

Hi team,

I am using Infragistics version 9.1.28 Hierarchal grid.

Issue: Unable to set vertical scroll bar for Parent grid. And if i set the vertical scrollbar it is not scrolling through out the data. it just scrolls to the end.

HTML:
<div class="ui-g grid_wrapper ui-datagrid" style="height: 100%;">
            <igx-hierarchical-grid #grid1 [autoGenerate]="false" [primaryKey]="'Id'" [columnWidth]='"70px"'
            [allowFiltering]='true' [height]="'500px'" [width]="'100%'" [rowHeight]="'50px'" [showToolbar]="true" [paging]="false" [perPage]="200"
             [displayDensity]="compact"  (onRowToggle)="rowToggle($event)">
             <igx-row-island #rowIsland1  [autoGenerate]="false"> 
              </igx-row-island>
        </igx-hierarchical-grid>
</div>

SCSS:
 .grid{
    height: 100% !important;
    position: relative;
    .grid_wrapper{
        height: 64vh !important;
        overflow-y: auto;
        position: relative;
    }
  }
.ui-datagrid {
    height: 100%;
  }