Tree Table

import { NeuTreeTableComponent, NeuTreeTableNode } from '@neural-ui/core/tree-table';
import { NeuTableColumn, NeuTableExpandDirective } from '@neural-ui/core/table';

import { NeuTableColumn, NeuTableExpandDirective } from '@neural-ui/core/table';
import { NeuTreeTableComponent, NeuTreeTableNode } from '@neural-ui/core/tree-table';

interface RepoMeta {
  owner: string;
  status: string;
}

@Component({
  imports: [NeuTreeTableComponent, NeuTableExpandDirective],
  template: `
<neu-tree-table
  [nodes]="nodes"
  [columns]="columns"
  [selectable]="true"
  [pagination]="true"
  [sortable]="true"
  [multiSort]="true"
  [columnChooser]="true"
  [exportable]="true"
  [expandable]="true"
>
  <ng-template neuTableExpand let-node let-row="row">
    {{ node.description }} · level {{ row.__treeLevel }}
  </ng-template>
</neu-tree-table>`
})
export class MyComponent {
  columns: NeuTableColumn[] = [
    { key: 'label', header: 'Node', width: '320px', sortable: true },
    { key: 'owner', header: 'Owner', filterable: true, editable: true },
    { key: 'status', header: 'Status', type: 'badge' },
  ];

  nodes: NeuTreeTableNode<RepoMeta>[] = [
    {
      id: 'workspace',
      label: 'Workspace',
      expanded: true,
      data: { owner: 'Platform', status: 'active' },
      children: [{ id: 'showcase', label: 'Showcase', data: { owner: 'DX', status: 'beta' } }],
    },
  ];
}