-
Notifications
You must be signed in to change notification settings - Fork 1.7k
Description
Greetings,
I have a table in my Angular app that uses ngx-datatable. This table is special because it contains tables within tables.
It was working fine in Angular 19 and ngx-datatable version 20.1.0.
Recently, I upgraded my app to Angular 20 and ngx-datatable 22.0.0 and now my table always shows the "no results" message despite having data (I checked that it has data using the Angular DevTools extension).
After several failed attempts to resolve the issue, which included configuration changes in the components that use said table and forcing Angular's change detection, it still persists.
In my attempts to resolve the issue, I ensured that:
- Properties such as treeToRelation, treeFromRelation and treeLevelIndent are correctly set;
- My data and column definitions (
isTreeColumn: true) are correctly initialized;
In this process, I also noticed that the level property in my rows' data is set to NaN. I do not set that property manually. In ngx-datatable below 22.0.0, it was set to integers starting at zero. Note that I also tried setting those values manually, but the issue persists.
I finally tried downgrading ngx-datatable to version 21.1.0 (using --legacy-peer-deps) and it works.
Given that the only breaking change mentioned in the CHANGELOG for version 22.0.0 is the removal of "support for Angular 17 and earlier versions", this leads me to believe there is a bug or some sort of problem in version 22 of ngx-datatable.
So in summary:
- Angular 19 and ngx-datatable 20.1.0 - OK;
- Angular 19 and ngx-datatable 21.1.0 - OK;
- Angular 20 and ngx-datatable 21.1.0 - OK;
- Angular 20 and ngx-datatable 22.0.0 - Not OK;
Thank you in advance for your attention.