Style of table gets distorted on zoom in/out

Style of table gets distorted on zoom in/out

Posted by: sdayal on 29 November 2022, 10:18 pm EST

• 

  sdayal

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 29 November 2022, 10:18 pm EST

  Hi Wijmo Team,
  
  If we keep clicking ctrl++ or ctrl-- the style of the table rows gets distorted. Is there any solution to this.

  sample link: https://stackblitz.com/edit/angular-p47zxa?file=src%2Fapp%2Fapp.component.ts

  Thanks

• 

  vivek.pannu

  

  • Post Options:
  • Link
    Copy

  Posted 30 November 2022, 3:56 pm EST - Updated 30 November 2022, 7:46 pm EST

  Hi,

  In the provided sample, height property is set to ‘4.69vh !important’ which is causing this issue fixing the height of the cell, you can use min-height property instead of ‘height’ to avoid this issue. Please refer to the following CSS configuration (in style.css) -
  
  .wj-flexgrid .wj-cell {
  
  background-color: #e7fce4;
  
  border: 1px solid #c3e7a7;
  
  min-height: 4.69vh !important;
  
  /* padding-top: 0.6em; */
  
  }
  
  You can refer to the following updated sample for the same - https://stackblitz.com/edit/angular-dckzwc?file=src/app/app.component.ts

  Regards