Expanding a filtered grid shows No results

[James Boomer]

Se we are using the tree grid with 3 levels of data

Parent->Child->SubChild. We have filtering and sorting enabled, it shows the filtered data. Once we hit expand the data goes away and it shows "No results" THe data is there as if we hit a column to sort the data will display and the row will have been expanded. We are providing Hiearcy data but have tried both methods and the behavior is the same. We are dynamilacll loading the tree grid using :

this.$refs.scoreCardGrid .ej2Instances.dataSource = JsonArray(From API Call).

The Treee gid options are below:

ejs-treegrid ref="scoreCardGrid"
height="600"
:allowSorting='true'
:allowFiltering='true'
:filterSettings='filterOptions'
:allowResizing='true'
:treeColumnIndex='1'
:dataSource="dataRows"
enableCollapseAll="true"
:enableVirtualization='false'
:load="loadData"
idMapping='projectId'
childMapping='project_details'
:queryCellInfo='customiseCell'
:allowExcelExport='true'
>

[Shek Mohammed Asiq Abdul Jabbar]

Hi James Boomer,

Greetings from Syncfusion support.

We have tried to replicate the issue from our end but unfortunately, we cannot replicate it. We suspect that the issue may be caused by using Self-referential and hierarchical data used in a same application. Please refer to the following documentation to find the difference between difference in binding dataSource.

https://ej2.syncfusion.com/vue/documentation/treegrid/data-binding/local-data

If the issue not resolved by referring the above documentation with proper binding properties, we need additional information to proceed further. Kindly share the following information to proceed further.

1. Complete treegrid definition including columns.
2. Have you performed filtering or sorting on initial render?
3. Kindly share the treegrid package version.
4. Are you using self-referential data or hierarchical data in your application?
5. Do you want to implement Observable binding?
6. If possible, kindly replicate the issue from the shared sample.

Sample :

Hierarchical using local data : https://stackblitz.com/edit/dvbety-xamuz4?file=src%2FApp.vue

Self-Referential using API : https://stackblitz.com/edit/qgxbbp-pfnvvl?file=src%2FApp.vue

Kindly get back with the above details to proceed further.

[James Boomer]

So it looks like the issue was the virtualization.  as soon as we removed the virtualization we  couldn't replicate the issue either.

[Shek Mohammed Asiq Abdul Jabbar]

James,

Thanks for the update.

We couldn’t replicate the issue either in virtualization enabled sample. Kindly make sure that you have imported the VirtualScroll module in the application to use the virtualization. Please refer to the documentation below.

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

Please refer to the sample :

Hierarchical using local data : https://stackblitz.com/edit/dvbety-xamuz4?file=src%2FApp.vue

Self-Referential using API : https://stackblitz.com/edit/qgxbbp-yccduc?file=src%2FApp.vue

Kindly get back to us if you face any issues after imported the modules with the details asked in the previous update.

Regards,

Shek