1. Home
  2. Forum
  3. Angular - EJ 2
  4. Treegrid rendering issues since upgrading both Syncfusion and upgrading to NG10 and 11

Treegrid rendering issues since upgrading both Syncfusion and upgrading to NG10 and 11

Recently we updated all front-end libraries to their latest versions, including Angular (9 to 11) and Syncfusion (to 18.3.48).
After the update, tree grids are behaving strangely.

In particular, the text-overflow: ellipses that appears at the start of every row (instead of at the end), and the last cell of the first row instead gets pushed to the first cell of the next row.

The grid cells appears to fix itself if I sort or re-order columns, but it initially loads incorrect. The ellipsis issue remains.

While the ellipsis issue was happening before the upgrade, the cell being pushed to the next row is a new issue.

I have attached an image of the issue I am encountering in a rar file.

Thank you

Attachment: treegriderror_6e13985b.rar

2 Replies 1 reply marked as answer
DH Dev Holder November 18, 2020 03:38 PM UTC

Update -- I fixed the ellipsis appearing at the start of every row by changing some of the styles around. It turns out the culprit was using an  angular material mat-button inside of the cell. Some of the syncfusion psuedo-classes were overriding some of material's.

FS Farveen Sulthana Thameeztheen Basha Syncfusion Team November 19, 2020 03:47 PM UTC

Hi Adam, 

Thanks for contacting Syncfusion Support. 
 
Query#:- the cell being pushed to the next row is a new issue. 
 
We hope that problem related to ellipsis gets sorted out. For newly reported problem “last cell of the first row instead gets pushed to the first cell of the next row”, we have prepared sample with version(18.3.48) but we are unable to reproduce any issue at our end. Refer to the sample Link:- 
 
We need some more additional details to find the cause of the issue. Share us the following details. 
 
  1. Complete TreeGrid code example.
  2. Video demo to replicate the issue.
  3. Have you faced the issue while enabling specific properties to TreeGrid
  4. If possible replicate it in the above sample and revert us back.
 
Based on your provided details we will proceed further. 
 
Regards, 
Farveen sulthana T 


Marked as answer
Loader.
Up arrow icon