question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Tree Grid does not work

See original GitHub issue

Issue type

I’m submitting a … (check one with “x”)

  • bug report
  • [] feature request

Issue description

Current behavior:

The following exception is thrown while trying to integrate TreeGrid component by following example provided in documentation for the Data Source use This is html code at line referenced below in stack : at AllAnalyticsComponent_Template (all-analytics.component.html:5) <table [nbTreeGrid]="source"> Exception stack

TypeError: Cannot read property 'nativeElement' of null
    at new CdkTable (table.js:1265)
    at new NbTable (index.js:18425)
    at new NbTreeGridComponent (index.js:25275)
    at NodeInjectorFactory.NbTreeGridComponent_Factory [as factory] (index.js:25416)
    at getNodeInjectable (core.js:4029)
    at instantiateAllDirectives (core.js:7963)
    at createDirectivesInstances (core.js:7329)
    at Module.ɵɵelementStart (core.js:13901)
    at AllAnalyticsComponent_Template (all-analytics.component.html:5)
    at executeTemplate (core.js:7302)
    at resolvePromise (zone-evergreen.js:798)
    at resolvePromise (zone-evergreen.js:750)
    at zone-evergreen.js:860
    at ZoneDelegate.invokeTask (zone-evergreen.js:399)
    at Object.onInvokeTask (core.js:27424)
    at ZoneDelegate.invokeTask (zone-evergreen.js:398)
    at Zone.runTask (zone-evergreen.js:167)
    at drainMicroTaskQueue (zone-evergreen.js:569)
    at ZoneTask.invokeTask [as invoke] (zone-evergreen.js:484)
    at invokeTask (zone-evergreen.js:1621)

Expected behavior:

I would expect the TreeGrid to show up with no errors

Steps to reproduce:

Copy provided example and try to run

Related code:

see documentation code

Other information:

I am using Nebular v6 and Angular v1 npm, node, OS, Browser

<!--
Node, npm: `node --version` and `npm --version`
OS: Windows (7/8/10). Linux (incl. distribution). macOS (El Capitan? Sierra?)
Browser: Chrome/Safari/Firefox/etc?
-->

Angular, Nebular

   "@akveo/ng2-completer": "^9.0.1",
    "@angular/animations": "^10.0.11",
    "@angular/cdk": "^10.1.3",
    "@angular/common": "^10.0.11",
    "@angular/compiler": "^10.0.11",
    "@angular/core": "^10.0.11",
    "@angular/forms": "^10.0.11",
    "@angular/google-maps": "^9.1.0",
    "@angular/platform-browser": "^10.0.11",
    "@angular/platform-browser-dynamic": "^10.0.11",
    "@angular/router": "^10.0.11",
    "@asymmetrik/ngx-leaflet": "3.0.1",
    "@nebular/auth": "6.0.0",
    "@nebular/eva-icons": "6.0.0",
    "@nebular/security": "6.0.0",
    "@nebular/theme": "6.0.0",

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:5 (1 by maintainers)

github_iconTop GitHub Comments

3reactions
ygggcommented, Aug 28, 2020

There is a breaking change in the Angular CDK introduced in the patch update 10.1.2 (see issue in cdk repo for details). To fix the error downgrade to @angular/cdk@10.1.1. Once fix released you can upgrade to the latest version of cdk. Closing as unrelated to Nebular.

0reactions
sayaxcommented, Aug 28, 2020

same issue

Read more comments on GitHub >

github_iconTop Results From Across the Web

Tree Grid Service isn't working - PTC Community
I want to allow the user to see the history of use by using a tree grid. I only need to go down...
Read more >
Tree Grid problems with virtualization and reloading rows
The first time the rows load it build perfectly the grid. The problem comes from the ng-template in data.dataSourceName column (if a remove ......
Read more >
Issues with tree grid – Grid 4 PHP – Support Center
I am working a tree grid and found some issues as follow. The auto-pagination with the scroll option doesn't work with the tree...
Read more >
FAQ - TreeGrid
Frequently Asked Questions. Using and loading/uploading. Can I use TreeGrid on my server ... ? TreeGrid is client component and runs in web...
Read more >
LWC tree grid not rendering the data - Stack Overflow
You are passing a string value to gridData . Take a look at the documentation example, specifically the sampleData.js file. data should be...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found