Hi, great library!

You named your component as ng-treetable but I think it's a bad practice to use ng- prefix for custom components as they might clash with Angular components in the future.

Instead you should pick unique prefix for this library (maybe nmt- that stands for Ng-Material-Treetable?).

I've started using this plugin and it is perfect for my needs, however I've noticed excessive logging in the console, coming from what seems to be the formatEleveation function which has a console.log(this.options); call, which produces the excessive logging.

Column headers some times need to spell out, "fixedVersion" changes to "Fixedversion", we have a need to show custom column names example: "Fixed Version". Is it possible to support it?

Is there any opportunity to expand/hide all nodes in the tree?

package.json "ng-material-treetable" version is "0.4.1"

BrowserModule already been imported in AppModule so do not need to include it again in TreetableModule. Otherwise users will have an error says, "Error: BrowserModule has already been loaded. If you need access to common directives such as NgIf and NgFor from a lazy loaded module, import CommonModule instead."

Its me again :) Hope you don't mind
const taskTree: Node<Task>[] = [{... }, {... }, ...];
Would be great if your module allowed to plug in an array of Nodes or allow to hide its headers because there's currently no way to have several nodes at the root level (or maybe I'm wrong?)

example usecase:

Hi, is it planned to support sorting by column with this component?

Can you add the enhancement of treetable dnd?

Hey, guys. I am using angular version v9.2.0 and "typescript": "~3.8.3" and "fp-ts": "^2.8.3" versions.I downloaded the code from this repository and placed the files in my local application.
I am facing the below errors in the tree.service.ts file.

and

The above _traverse and getNodeDepth are important methods ,without them-the tree will not come in the application.Can someone please help me on resolving these errors

Hey all, i‘m again:). Is there are any way to get the parent of a child node?

Thanks and best regards

Could you add this code to the project to facilitate the retrieval of information for deletion and editing?

in treetable.component.ts

@output() lineClick: Subject = new Subject();
onLineClick(line: T): T{
return line;
}

in treetable.component.html add (click)="onLineClick(element)"

mat-cell *matCellDef="let element" [ngClass]="{'vertical-separator': options.verticalSeparator}" (click)="onLineClick(element)"

result on click

Would it be acceptable to make these changes?

In treetable.component.html

In treetable.component.scss

in treetable.component.ts

Result

Hello @ALL,

i need urgently your help.. is there are any way to filter the data in the treetable like in the mat-table?

Best thanks and regards!

Hi all,
is there any way to modify the Header cell like e.g

<ng-container matColumnDef="name">
  <th mat-header-cell *matHeaderCellDef> Name </th>
  <td mat-cell *matCellDef="let element"> {{element.name}} </td>
</ng-container>

Best regards

As the title suggests, it would be possible to put whatever content inside a cell. It is related to the customColumnOrder option if there was an option to add or define columns then it would be possible to create an "Action" column with buttons, or a checkbox column to act upon rows, select them, etc...

mat-table component from material.angular solves it as follows:

<table mat-table [dataSource]="someDataSource">
  <ng-container matColumnDef="actions"> // actions represent column name
      <td mat-cell *matCellDef="let element"> 
          <button (click)="doSomething(element.id)">DELETE</button>
      </td> 
      ...
  </ng-container>
  ...
  <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
</table>

Is there a way to have a search bar binded to the json node. I want to pull the whole hierarchy for the item it matches with

Hey, guys. Can I use this npm-module with angular 9? Because for now there is an error "ERROR TypeError: Cannot redefine property: tree"

I am trying to get this working in a component that is called from a set of search filters, which retrieves the data from a http call.
The first call sets the Node[] and the table data is displayed, but on subsequent calls to the component, the data is refreshed, but the table does not reload the new data.

Is this achievable?

Edit - I can see some work has been done on this in Fix #24

I have the following structure in my project and the first ng-treetable is not collapsing I can collapse the second component no problem.

As you can see I clicked on the second row but it didn't collapse these two tables are in a single component like so:

export class TasksComponent implements OnInit {
    chargeableTasks= taskTree;
    chargeableTasks2 = taskTree; // same object
    constructor() { }

    ngOnInit(): void { }
}

<mat-tab label="Chargeable">
        <div>
            <ng-treetable [tree]="chargeableTasks" id="xd">
            </ng-treetable>
        </div>
        <div>
            <ng-treetable [tree]="chargeableTasks2" id="xd2">
            </ng-treetable>
        </div>
</mat-tab>

So they reference the same object "taskTree" I imagine someone would need that for comparing two nodes of the same tree in split view or something.... Not sure if its a big issue since you can clone the object and be fine.

Hey, is there an option to drag and drop the childs?

Thanks

I try to use the tree table with Angular 10, but I get the following error on compilation:

node_modules/ng-material-treetable/src/app/treetable/component/treetable.component.d.ts:4:36 - error TS2306: File 'D:/Web/node_modules/@angular/material/index.d.ts' is not a module.

It is probably the problem described here: https://stackoverflow.com/questions/58594311/angular-material-index-d-ts-is-not-a-module

When installing the library on a fresh project generated by the angular-cli it errors out with Cannot find module '@angular/material'

Steps to reproduce:

1. ng new project-name
2. npm install ng-material-treetable
3. Add TreeTableModule to AppModule
4. ng serve and the project doesn't build because of the error

I know this library is material based (it even has it in the name), however I still think it would be good to add the dependencies, or at least add it to the installation guide, because there is the potential for confusion.

To be specific - all the angular material modules are needed - @angular/material @angular/cdk @angular/animations

Hello everybody, first of all a happy new year to all! To my question, correct me if I'm wrong, currently we can only create a tree view from one data type. This means only from one value type. Like we have a value of type A:

• A
• A
• A

Is it possible or how can I best solve this that I can display a folder view. e.g.

• A
  • Test1
  • Test2
  • A1
    -Test3
• B
• C

Something like that? Thank you very much it is a very nice development! and I would be very happy about the soon help!

After upgrading Angular 7 to Angular 10 in my project, the treetable will not be rendered. The following error is displayed in the console:

I suspect that the cause is this import in treetable.component.ts, which is not updated:

Please see this thread.

Can you help me with this error?

Hello everyone,
I want to insert checkbox in cell like above image. How do I do it? Thanks you.

Currently when a node is clicked the sub tree rooted at that node is completely expanded. Would it be possible to make this customizable?

When I try to use treetable in Angular 11. I am getting following error. Not sure what could be issue but if someone can direct me I can create PR.

First, thank you for this great component!

I wanted to ask your thoughts on support for lazy-loading child nodes - whether this can already be done, or any hints or directions if I found the time to implement it.

Hi!
This component looks great, thank you. I'm currently having issues trying to serve data to the treetable using an observable stream. I know that this works with mat-table, should it also work with your treetable?

Thanks

James