Grid horizontal scrollbar snaps to start

[Domantas]

Hello,

It is possible to prevent horizontal grid scrollbar to snap to start after changing filter type ?

Playground: https://stackblitz.com/edit/angular-a2uaju?file=app.component.ts

1) Setting scroller to the end of grid, then changing filter type

2) Then after filter type change horizontal scrollbar snaps to the start

[Thavasianand Sankaranarayanan]

Hi Domantas, 

Thanks for contacting Syncfusion support. 

While changing the Grid filter settings dynamically we have refreshed the Grid header element which cause the scrollbar to set at initial position. However you can maintain the horizontal scroll position by setting the “scrollLeft” property of Grid scroll module. Please refer to the below code example and sample link for more information. 

[component.ts] 

public onChange(e: ChangeEventArgs): void { 

      var left =this.grid.scrollModule.content.scrollLeft;  // get the scroll position 

        this.grid.filterSettings.type = <FilterType>e.value; 

        this.grid.clearFiltering(); 

       setTimeout((e)=> {this.grid.scrollModule.content.scrollLeft = left;},25);  // setting the position 

    } 

Sample: https://stackblitz.com/edit/angular-a2uaju-9qkzv4?file=app.component.ts 

Please get back to us if you need any further assistance on this. 

Regards, 

Thavasianand S.