NGO-DB/ndb-core

<table mat-table [dataSource]="dataSource" class="full-width">
  <ng-container matColumnDef="name">
    <th mat-header-cell *matHeaderCellDef>
      <span style="padding-left: 40px" i18n="Table report header"> Name </span>
    </th>
    <td
      mat-cell
      *matCellDef="let node"
      class="flex-row align-center"
      style="height: 52px"
    >
      <button
        mat-icon-button
        [style.visibility]="node.isExpandable ? '' : 'hidden'"
        [style.marginLeft.px]="node.level * 32"
        (click)="treeControl.toggle(node)"
        [attr.aria-label]="'Toggle ' + node.header.label"
      >
        <fa-icon
          class="expand-icon-button"
          [icon]="
            treeControl.isExpanded(node) ? 'chevron-down' : 'chevron-right'
          "
        ></fa-icon>
      </button>

      {{ node.header.label }} {{ getGroupedByString(node.header.groupedBy) }}
    </td>
  </ng-container>

  <ng-container matColumnDef="count">
    <th mat-header-cell *matHeaderCellDef i18n="Table report header">Count</th>
    <td mat-cell *matCellDef="let node">{{ node.header.result }}</td>
  </ng-container>

  <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
  <tr mat-row *matRowDef="let row; columns: displayedColumns"></tr>
</table>