Arrow icons and another icon just after [ in TreeTable ]

[Abhinav3414]

I'm submitting a ...

[x] feature request => Please check if request is not on the roadmap already

Current behavior
Currently we have one icon in TreeTable which expands and collapses the row item.
We want another icon which can be placed next to it and have expand and collapse behavior as well.

Expected behavior
We want same icon behavior in tree table as in tree right now.
Example:
Collapsed state : fa-caret-right [fa-folder] SomeFolderName
Expanded state : fa-caret-down [fa-folder-open] SomeFolderName

Environments:
Windows 10, Eclipse Oxygen.1a Release (4.7.1a)

latest 5 x of angular and prime

[djay1977]

Use ng-template to do this. Example:
<p-column header="{{'index-type-elem' | translate}}" [style]="{'width':'60%'}"> <ng-template let-col let-node="rowData" pTemplate="body"> <i class="index-icon icon fa fa-{{getIndexIcon(node)}}"></i> {{node.data.LIB_TYPE_ELEM}} </ng-template> </p-column>

[Abhinav3414]

@djay1977 it works, is there any handle to change icon when row is expanded and collapsed ?

[djay1977]

expandedIcon & collapsedIcon properties on p-treetable

[cagataycivici]

TreeTable will be reimplemented, please monitor;

#4813