Unfreeze the first column of Transpose Grid

Unfreeze the first column of Transpose Grid

Posted by: sumita.sharma on 19 December 2023, 2:48 am EST

• 

  sumita.sharma

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 19 December 2023, 2:48 am EST - Updated 19 December 2023, 2:53 am EST

  Dear Team,

  We are using Angular 12 and the Transpose Wijmo grid. But there is a bug from the accessibility team that when we zoom to 400% they are not able to see other columns as the first one is frozen (attached screenshot)

  How to resolve this issue, how should make the scroll work for 1 column as well? It’s already in Production and customers have escalated it will be helpful if we can get some input from your team as we can’t find anything in the documentation

  Regards,
  
  Sumita Sharma

  

  1090×294 12.6 KB

  

  948×596 3.25 KB

• 

  anirudh.verma

  

  • Post Options:
  • Link
    Copy

  Posted 19 December 2023, 5:15 pm EST

  Hi Sumita,

  I am sorry for the inconvenience caused. As the first column is frozen so it will not be scrolled. However, to display content of other columns you may wrap the PivotGrid’s hostElement in a container and can then make that container scrollable.

  Please refer to this below provided code snippet:
  
  In html file:

    <div id="container">
      <wj-pivot-grid #grid [itemsSource]="ng"></wj-pivot-grid>
    </div>

  In the css file:

  #container {
    height: 220px;
    overflow: auto;
    width: 500px;
  }
  
  .wj-pivotgrid {
    width: fit-content !important;
  }

  Please refer to this sample for reference: https://stackblitz.com/edit/angular-12-form-validation-imjk4z

  Regards

• 

  sumita.sharma

  • Post Options:
  • Link
    Copy

  Posted 26 December 2023, 3:34 pm EST

  Thank you, Anirudh, I used the Pivot grid and did some item formatting it’s what we needed.

• 

  anirudh.verma

  

  • Post Options:
  • Link
    Copy

  Posted 26 December 2023, 6:25 pm EST

  Hi Sumita,

  Thank you for notifying us that the issue is resolved.

  Let us know if you have any further queries.

  Thank you

  Regards