Virtual & Infinite Scrolling not working

[Aravind Rajagopal]

I have a treegrid component in my application. It is loading a lot of data into the application with multiple levels of hierarchy / children

Code: 

<TreeGridComponent

                id='grdActivityTree'

                ref={grdActivityTree}

                className='treeGrid-class'

                rowTemplate={treeRowTemplate}

                enableVirtualization={true}

                dataSource={taskData}

                childMapping="subtasks"

                treeColumnIndex={1}

                toolbar={toolbarOptions}

                allowTextWrap={true}

                height={1000}

                dataBound={dataLoadFinished}

                created={created}

            >

                <Inject services={[VirtualScroll, Filter, Toolbar]}/>

                <ColumnsDirective>

                    <ColumnDirective headerText='Type' field='type' width='75' textAlign='left' ></ColumnDirective>

                    <ColumnDirective field='name' headerTemplate={nameHeaderTemp} width='400' textAlign='left'></ColumnDirective>

                    <ColumnDirective headerText='Planned Start:' field='plannedStartDate' width='90' textAlign='left' ></ColumnDirective>

                    <ColumnDirective headerText='Planned End:' field='plannedEndDate' width='90' textAlign='left'></ColumnDirective>

                    <ColumnDirective headerText='Actual Start:' field='actualStartDate' width='85' textAlign='left' ></ColumnDirective>

                    <ColumnDirective headerText='Actual End:' field='actualEndDate' width='85' textAlign='left'></ColumnDirective>

                    <ColumnDirective headerTemplate={reportedStatusHeaderTemp} field='activityReportedStatus' textAlign='left' ></ColumnDirective>

                    <ColumnDirective headerTemplate={liveStatusHeaderTemp} field='activityCompletionStatusId' textAlign='left' ></ColumnDirective>

                </ColumnsDirective>

            </TreeGridComponent>

Page : 

The reason I believe could be because of this -> 2 <tbody> in the table

ANy help on this is appreciate

[Pon Selva Jeganathan]

Hi Aravind Rajagopal,

Thanks for contacting syncfusion forum

Query:Virtual & Infinite Scrolling not working

Based on your query and code snippet, we suspect that you are using the row template feature and text wrapping feature with a virtual and infinite scrolling feature.

Row Template is not supported for virtual scroll and infinite scroll features.  The text wrapping is also not supported for the virtual scroll feature.

Please refer to the below help documentation,

https://ej2.syncfusion.com/react/documentation/treegrid/virtual/#limitations-for-virtualization

https://ej2.syncfusion.com/react/documentation/treegrid/row/row/#limitations

Please get back to us if you need more assistance. 

Regards, 

Pon selva