How to freeze/pin columns in JS datagrid

[Max Koretskyi]

Where can I find information how to freeze/pin columns in JS grid widget? I didn't find any information here.

[Farveen Sulthana Thameeztheen Basha]

Hi Max, 

Thanks for contacting Syncfusion Support. 

Query#:- Where can I find information how to freeze/pin columns in JS grid widget? I didn't find any information here. 

We have checked your query and if you want to freeze the columns you need to specify  frozenColumns property of scrollSettings  (upto the specified frozenColumns value) at the time of scrolling.  

Please refer to the code example:- 

 

    $(function () { 

       $("#Grid").ejGrid({ 

              //The datasource "window.gridData" is referred from 'http://js.syncfusion.com/demos/web/scripts/jsondata.min.js' 

              dataSource : window.gridData, 

              allowScrolling : true, 

              scrollSettings: { width: 550, height: 300, frozenColumns: 2 },     

      }); 

Please refer to the documentation Link:- https://help.syncfusion.com/js/grid/scrolling#frozen-columns 

Demo Link:- https://js.syncfusion.com/demos/web/#!/bootstrap/grid/Columns/FrozenRowsandColumns 

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

Regards, 

Farveen sulthana T 

[Max Koretskyi]

Got it, thanks!

[Farveen Sulthana Thameeztheen Basha]

Hi Max, 

  

Thanks for your update. Please get back to us if you need any further assistance. 

  

Regards, 

  

Farveen sulthana T