Horizontal Scroll Problem with Frozen Columns

Horizontal Scroll Problem with Frozen Columns

Posted by: saisreeja.gadi on 7 June 2022, 1:07 pm EST

• 

  saisreeja.gadi

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 7 June 2022, 1:07 pm EST - Updated 3 October 2022, 2:57 am EST

  I am using Wijmo Flex Grid, having multiple columns. First 2 are frozen columns. The content in the country frozen column is too long, I am trying to auto fit the country column (It occupies the complete width of the grid) that time horizontal scroll bar will stop working.

  When I double click on the highlighted part to make the column auto fit.
  
  

  

  1861×657 55 KB

  In the below attachment after auto fit the column, horizontal scroll bar not working.
  
  

  

  1850×663 77.2 KB

  Whenever, I convert frozen columns in to normal columns the horizontal scroll bar is working again.

• 

  sonu.pandey

  

  • Post Options:
  • Link
    Copy

  Posted 7 June 2022, 7:52 pm EST

  Hello,

  We have responded on the support portal. Please refer to the link for the same: https://www.grapecity.com/my-account/my-support/case/CAS-31834-Y3G6Z5

  Regards

• 

  bhavishya.pothula

  • Post Options:
  • Link
    Copy

  Posted 3 August 2023, 12:29 am EST - Updated 3 August 2023, 12:34 am EST

  I am also facing same issue. In our case first three columns are frozen, we are using autoSizeColumns on load of table. So first two columns with large data are taking up the entire width of table. So, when tried scrolling, we are not able to see remaining columns.
  
  I have attached two images below in one the scroll is not working as frozen columns are present. Other is on removal of frozen columns property scroll is working properly.
  
  Please help me in resolving the issue
  
  

  

  1552×522 51.2 KB

  
  
  

  

  1499×524 34.6 KB

• 

  vivek.pannu

  

  • Post Options:
  • Link
    Copy

  Posted 3 August 2023, 6:30 pm EST

  Hi,

  This is the expected behavior in FlexGrid control and it cannot be changed because the frozen columns are non-scrollable and if the grid current view only contains the frozen columns then it wouldn’t be possible for the grid to show other columns.

  There are a few possible solutions you can try in case it fulfills your requirement:

  1. Increase the width of the FlexGrid to show non-frozen columns in the view.

  2. Wrap the Description columns content using the wordWrap property of the Column. You can refer to the API link below for reference:
     
     https://www.grapecity.com/wijmo/api/classes/wijmo_grid.column.html#wordwrap

  You can also refer to the following sample for the same - https://stackblitz.com/edit/js-for474?file=index.js

  Regards