ejTreeGrid is not rendered

Thread ID:

Created:

Updated:

Platform:

Replies:

ej-treegrid is not rendered correctly on the page:- is is not visible
until you resize your browser window- when it finally appears its
content (e-gridcontent) has height set to 0px in element style
attribute

Steps to reproduce this issue:1. create an application as
described on On March 8, 2017 01:37 AM in
https://www.syncfusion.com/forums/127630/how-to-work-with-angular-cli2.
add ej-treegrid to app.component as described here:
https://help.syncfusion.com/angular-2/treegrid/getting-started#syncfusion-javascript-components-source-configuration-and-sample-creation3.
change property name in app.component.ts from "treegridData" to
"treeGridData"4. run ng serve --aot false

In Angular 2 Treegrid samples, we have to set the CSS property of display as block for ej-treegrid element. As we are referred in the CSS files but missed to include the code snippet in the online documentation. We will update and refresh the getting-started document ASAP.

I am handling almost the same problem. I am trying to solve it with your example, but not everything is working.

1.
When I set TreeGrid height to 100% (or some other "%" value), TreeGrid
normally appears only after resizeing browser window (with
height="100px" or some other "px" value the data load correctly without
resizeing browser window).

2. I want to add this TreeGrid in
Splitter panel, but there is also some problems with correctly loading
data. The TreeGrid also correctly loads by sizeSettings only after
resizeing browser window:

When resize the browser window TreeGrid automatically update its height/width depends on it container dimension but if we are dynamically change the DOM element dimension then we have to manually refresh the TreeGrid by using _windowResize method. To overcome the reported issue at load time, we must refresh the treegrid at the end of create and resize of Splitter events.

We can get the instance of TreeGrid control by using @ViewChild in the app.Component.ts file. From the Treegrid instance, we can use the expandAtLevel public method to expand the required level of parent records.