TreeTable must export SharedModule

[klower]

in my component ts: treeNodes: TreeNode[];

constructor(){ this.treeNodes = [ { "data": [ { "label": "Documents", "data": "Documents Folder", "expandedIcon": "fa-folder-open", "collapsedIcon": "fa-folder", "children": [{ "label": "Work", "data": "Work Folder", "expandedIcon": "fa-folder-open", "collapsedIcon": "fa-folder", "children": [{ "label": "Expenses.doc", "icon": "fa-file-word-o", "data": "Expenses Document" }, { "label": "Resume.doc", "icon": "fa-file-word-o", "data": "Resume Document" }] }, { "label": "Home", "data": "Home Folder", "expandedIcon": "fa-folder-open", "collapsedIcon": "fa-folder", "children": [{ "label": "Invoices.txt", "icon": "fa-file-word-o", "data": "Invoices for this month" }] }] }, { "label": "Pictures", "data": "Pictures Folder", "expandedIcon": "fa-folder-open", "collapsedIcon": "fa-folder", "children": [ { "label": "barcelona.jpg", "icon": "fa-file-image-o", "data": "Barcelona Photo" }, { "label": "primeui.png", "icon": "fa-file-image-o", "data": "PrimeUI Logo" }] } ] } ] }

html:

FileSystem Name description Action {{rowData.label}} {{rowData.data}}

Nothing show in my browser page, Help me please

[klower]

[gbourant]

Hello @klower , which version of PrimeNG are you using? Try to upgrade to the latest PrimeNG version (6.0.0)

[klower]

@gbourant l use the version: "primeng": "^6.0.0-beta.1", "primeicons": "^1.0.0-beta.9"

[gbourant]

Alright, i had the same issue with the tree table component at 6.0.0-beta.1 version. Upgrading to version 6.0.0 should resolve the issue.

[klower]

@gbourant I have changed the version: "primeng": "^6.0.0", "primeicons": "^1.0.0-beta.9"

but the issue is exist all the same

[gbourant]

1) Did you run npm install after you changed PrimeNG version? 2) Try the example from the documentation here, it should work.

[klower]

@gbourant yes, I have tried many times, but cannot solve this problem

[klower]

@gbourant l have test the demo data: this.treeNodes = [
{
"data":{
"name":"Documents", "size":"75kb", "type":"Folder" }, "children":[ {
"data":{
"name":"Work", "size":"55kb", "type":"Folder" }, "children":[
{
"data":{
"name":"Expenses.doc", "size":"30kb", "type":"Document" } }, {
"data":{
"name":"Resume.doc", "size":"25kb", "type":"Resume" } } ] }, {
"data":{
"name":"Home", "size":"20kb", "type":"Folder" }, "children":[
{
"data":{
"name":"Invoices", "size":"20kb", "type":"Text" } } ] } ] }, {
"data":{
"name":"Pictures", "size":"150kb", "type":"Folder" }, "children":[
{
"data":{
"name":"barcelona.jpg", "size":"90kb", "type":"Picture" } }, {
"data":{
"name":"primeui.png", "size":"30kb", "type":"Picture" } }, {
"data":{
"name":"optimus.jpg", "size":"30kb", "type":"Picture" } } ] } ]

also this issue not be fixed

[nitinja]

facing exact same issue :|

[klower]

@gbourant, would you please help us?

[klower]

and my package.json:

[gbourant]

Seems your dependencies are wrong , check this package.json

[klower]

@gbourant , you mean I should use the angular version 6.0.4?

[gbourant]

Yes, use Angular 6.0.4 and PrimeNG 6.

[klower]

l have changed the angular version to 6.0.4, but the issue not be fixed: { "name": "angular2-demo-proj", "version": "0.0.0", "license": "MIT", "scripts": { "ng": "ng", "start": "ng serve", "build": "ng build --prod", "test": "ng test", "lint": "ng lint", "e2e": "ng e2e" }, "private": true, "dependencies": { "@angular/animations": "^6.0.4", "@angular/common": "^6.0.4", "@angular/compiler": "^6.0.4", "@angular/core": "^6.0.4", "@angular/forms": "^6.0.4", "@angular/http": "^6.0.4", "@angular/platform-browser": "^6.0.4", "@angular/platform-browser-dynamic": "^6.0.4", "@angular/router": "^6.0.4 ", "angular-in-memory-web-api": "^0.4.6", "bootstrap": "^4.1.1", "core-js": "^2.4.1", "primeicons": "^1.0.0-beta.9", "primeng": "6.0.0", "rxjs": "^6.2.0", "rxjs-compat": "^6.2.0", "save": "^2.3.2", "zone.js": "^0.8.19" }, "devDependencies": { "@angular/cli": "~1.7.3", "@angular/compiler-cli": "^6.0.4", "@angular/language-service": "^6.0.4", "@types/jasmine": "~2.8.3", "@types/jasminewd2": "~2.0.2", "@types/node": "~6.0.60", "codelyzer": "^4.0.1", "jasmine-core": "~2.8.0", "jasmine-spec-reporter": "~4.2.1", "karma": "~2.0.0", "karma-chrome-launcher": "~2.2.0", "karma-coverage-istanbul-reporter": "^1.2.1", "karma-jasmine": "~1.1.0", "karma-jasmine-html-reporter": "^0.2.2", "protractor": "~5.1.2", "ts-node": "~4.1.0", "tslint": "~5.9.1", "typescript": "~2.7.2" } }

[Carniatto]

I have the same issue with angular 6.0.9 and primeNG 6

[MalliswariKP]

I have recently upgraded my angular and primeng to 6.0.7 and 6.0 respectively. New primeng is not supporting old treetable? its not displaying tree table at all, where as p-datatable is still working with primeng 6.0.

Is the code for old tree-table is removed from primeng 6.0 code base??

[steverob2k]

I just encountered this issue. I have a lazy loaded module with a component that uses the treeTable. I had to add the prime SharedModule as an import too. Once added it all showed correctly.

Update: Primeng table doesn't have this problem because it also exports SharedModule .

Looks like TreeTable should also export this.