We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Skelton Mask Drag Conditional

Hello Team,

I want Skelton Mask Drag Conditional in ejs-treegrid and ejs-grid also in virtualization mode in angular 15 with latest patch of control.


Nagendra Gupta

4 Replies

SM Shek Mohammed Asiq Abdul Jabbar Syncfusion Team February 3, 2023 01:56 PM UTC

Hi Nagendra Gupta,

Thanks for contacting Syncfusion.

We are unable to understand your query from our side. So, kindly share the below details to proceed further.

  1. I want Skelton Mask Drag Conditional - Explain this query in detail.
  2. Share the screenshot or video demo of your requirement.

Also, we would like to share the Skeleton loading support of EJ2 Grid and EJ2 Tree grid. We have provided masked row support from version 20.3.47 in Grid and 20.4.38 in Tree grid. You can show the skeleton loading effect by setting the loadingIndicator.indicatorType property as Shimmer.

EJ2-Grid :

IndicatorType : https://ej2.syncfusion.com/angular/documentation/api/grid/loadingIndicator/#indicatortype
Demo: https://ej2.syncfusion.com/angular/demos/#/bootstrap5/grid/virtualization

Sample : https://stackblitz.com/edit/angular-rqayvy?file=src%2Fapp.component.html,src%2Fapp.component.ts

EJ2-TreeGrid :

IndicatorType: https://helpej2.syncfusion.com/angular/documentation/api/treegrid/loadingIndicator/#indicatortype
Demo: https://ej2.syncfusion.com/angular/demos/#/bootstrap5/treegrid/virtual-scrolling

Documentation : https://ej2.syncfusion.com/angular/documentation/treegrid/loading-animation

Sample: https://stackblitz.com/edit/angular-axj78w?file=package.json,src%2Fapp.component.html,src%2Fapp.component.ts


Shek Mohammed Asiq

NG Nagendra Gupta replied to Shek Mohammed Asiq Abdul Jabbar February 7, 2023 02:23 PM UTC

Dear Shek Mohammed Asiq Abdul Jabbar

I have attached video. Please find the attach file.

When I scroll from top to bottom the treegrid is turning white. Please give me solution for that problem Or If possible then stop the disabling of treegrid row when scrolling. This is your new feature with EnableVirtualization.

Please check the below code html.

    <ejs-treegrid [attr.id]="gridId" #treegrid [dataSource]='treeGridData' [treeColumnIndex]='0'
        childMapping='childNode' height='100%' [columns]="headerColumnList"
        [clipMode]="gridService.getClipMode(gridDataSetting)" (queryCellInfo)='customiseCell($event)'
        (dataBound)="dataBound()" [toolbar]='toolbarOption' (load)="onLoad()"
        [enableCollapseAll]="gridDataSetting.EnableCollapseAll" allowResizing="true" [enableVirtualization]="true"
        [aggregates]="aggregateColumn" allowExcelExport=true allowPdfExport=true rowHeight="25"
        (excelExportComplete)='excelExportComplete($event)' (excelQueryCellInfo)='excelQueryCellInfo($event)'
        [contextMenuItems]="contextMenuItems" (contextMenuClick)='contextMenuClick($event)'>

Attachment: treegrid_8bc2256d.zip

SM Shek Mohammed Asiq Abdul Jabbar Syncfusion Team February 16, 2023 03:15 PM UTC

Hi Nagendra Gupta,

Sorry for the delayed response.

On further validation, we have considered the reported issue (“Data hidden when we scroll to the bottom using scrollbar”) as a bug. Thank you for taking the time to report this issue and helping us improve our product. At Syncfusion, we are committed to fixing all validated defects (subject to technological feasibility and Product Development Life Cycle) and will include the fix in our upcoming Patch release which is expected to be rolled out on March 8th, 2023. Until then we appreciate your patience.

You can now track the status of your request, review the proposed resolution timeline, and contact us for any further inquiries through this link. 


Disclaimer: The feedback link is in review state, and you can view it once it is validated

Note: To view the above feedback, kindly login into your account. 

Disclaimer: Inclusion of this solution in the weekly release may change due to other factors including but not limited to QA checks and works reprioritization.


Shek Mohammed Asiq

SM Shek Mohammed Asiq Abdul Jabbar Syncfusion Team March 8, 2023 12:23 PM UTC

Hi Nagendra Gupta,

We deeply regret for the inconvenience caused.

After validating, we have concluded that the records disappearing issue was due to incorrect property definition of rowHeight. We need to define this property within square braces like “[rowHeight]”. Please refer to the following code snippet.

<ejs-treegrid [attr.id]="gridId" #treegrid [dataSource]='treeGridData'








Please refer to the sample : https://stackblitz.com/edit/angular-igdwrl-njjnyp?file=src%2Fapp.component.ts,src%2Fapp.component.html

If the issue persists, please provide us more details for us to better understand.


Shek Mohammed Asiq

Live Chat Icon For mobile
Up arrow icon