Facing issue with set particular height for grid row

Facing issue with set particular height for grid row

Posted by: nilesh_nichal on 4 December 2023, 8:13 pm EST

• 

  nilesh_nichal

  • Post Options:
  • Link
    Copy

  Posted 4 December 2023, 8:13 pm EST - Updated 4 December 2023, 8:18 pm EST

  We need to set particular height for grid row and wrap column content as per height. If content exceeds than height in that case will need to show ellipsis (e.g. 2-3 line content after that …)
  
  We have tried to set height by using rows.maxSize, also tried with CSS as well.
  
  but it is not taking rows.maxSize value. Height is getting adjusted as per laregest character length of column content.
  
  We have checked https://developer.mescius.com/wijmo/demos/Grid/Rows/RowHeight/angular
  
  but the solution is given on this URL is not as per our requirement.
  
  Could you please help us to resolve this issue?

  

  1418×766 65.5 KB

• 

  anirudh.verma

  

  • Post Options:
  • Link
    Copy

  Posted 5 December 2023, 10:46 pm EST

  Hi Nilesh,

  You may use the following CSS to set the ellipsis to the end of the text if they contain text more than the specified size:

  .wj-cell {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Number of lines*/
    -webkit-box-orient: vertical;
  }

  Please refer to this sample for reference: https://stackblitz.com/edit/angular-ivy-skwqug

  Regards
  
  Anirudh