sample/frontend/src/app/financial-grid/financial-grid.component.html [72:123]:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
          [attr.colspan]="column.colSpan"
          [attr.rowspan]="column.rowSpan"
          [ngClass]="{'agr-end-section':(index==0 || column.isLast),'agr-grid-section':index==0,
          'agr-grid-checkbox':column.columnDef.field=='checkbox'}"
          pResizableColumn
          pReorderableColumn
          agrDragColumn>
        <ng-container [ngSwitch]="index">
          <ng-container *ngSwitchCase="0">
            <agr-grid-section-header
              [title]="column.columnDef.title"
              [collapsible]="column.columnDef.collapsible"
              [collapsed]="column.columnDef.collapsed"
              [pin]="column.columnDef.pin"
              [pinned]="column.columnDef.pinned"
              (collapse)="toggleCollapse(column)"
              (pinChange)="togglePin(column)">
            </agr-grid-section-header>
          </ng-container>
          <ng-container *ngSwitchDefault>
            <p-checkbox *ngIf="column.columnDef.field=='checkbox';else default"
                        [binary]="true"
                        [ngModel]="grid.gridEngine.selectedAll"
                        (ngModelChange)="grid.gridEngine.toggleSelectAll()"></p-checkbox>
            <ng-template #default>
              <agr-grid-header [column]="column"></agr-grid-header>
            </ng-template>
          </ng-container>
        </ng-container>
      </th>
    </tr>
  </ng-template>
  <ng-template pTemplate="body" let-rowData let-rowIndex="rowIndex">
    <ng-container
      *ngTemplateOutlet="body;context:{$implicit:rowData,body:grid.gridEngine.body,rowIndex}"></ng-container>
  </ng-template>
  <ng-template pTemplate="frozenbody" let-rowData let-rowIndex="rowIndex">
    <ng-container
      *ngTemplateOutlet="body;context:{$implicit:rowData,body:grid.gridEngine.frozenBody,rowIndex}"></ng-container>
  </ng-template>
  <ng-template pTemplate="footer">
    <ng-container
      *ngTemplateOutlet="footer;context:{$implicit:grid.gridEngine.body}"></ng-container>
  </ng-template>
  <ng-template pTemplate="frozenfooter">
    <ng-container
      *ngTemplateOutlet="footer;context:{$implicit:grid.gridEngine.frozenBody}"></ng-container>
  </ng-template>
</p-table>

<ng-template #body let-rowData let-body="body" let-rowIndex="rowIndex">
  <tr>
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -



sample/frontend/src/app/section-grid/section-grid.component.html [71:122]:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
          [attr.colspan]="column.colSpan"
          [attr.rowspan]="column.rowSpan"
          [ngClass]="{'agr-end-section':(index==0 || column.isLast),'agr-grid-section':index==0,
          'agr-grid-checkbox':column.columnDef.field=='checkbox'}"
          pResizableColumn
          pReorderableColumn
          agrDragColumn>
        <ng-container [ngSwitch]="index">
          <ng-container *ngSwitchCase="0">
            <agr-grid-section-header
              [title]="column.columnDef.title"
              [collapsible]="column.columnDef.collapsible"
              [collapsed]="column.columnDef.collapsed"
              [pin]="column.columnDef.pin"
              [pinned]="column.columnDef.pinned"
              (collapse)="toggleCollapse(column)"
              (pinChange)="togglePin(column)">
            </agr-grid-section-header>
          </ng-container>
          <ng-container *ngSwitchDefault>
            <p-checkbox *ngIf="column.columnDef.field=='checkbox';else default"
                        [binary]="true"
                        [ngModel]="grid.gridEngine.selectedAll"
                        (ngModelChange)="grid.gridEngine.toggleSelectAll()"></p-checkbox>
            <ng-template #default>
              <agr-grid-header [column]="column"></agr-grid-header>
            </ng-template>
          </ng-container>
        </ng-container>
      </th>
    </tr>
  </ng-template>
  <ng-template pTemplate="body" let-rowData let-rowIndex="rowIndex">
    <ng-container
      *ngTemplateOutlet="body;context:{$implicit:rowData,body:grid.gridEngine.body,rowIndex}"></ng-container>
  </ng-template>
  <ng-template pTemplate="frozenbody" let-rowData let-rowIndex="rowIndex">
    <ng-container
      *ngTemplateOutlet="body;context:{$implicit:rowData,body:grid.gridEngine.frozenBody,rowIndex}"></ng-container>
  </ng-template>
  <ng-template pTemplate="footer">
    <ng-container
      *ngTemplateOutlet="footer;context:{$implicit:grid.gridEngine.body}"></ng-container>
  </ng-template>
  <ng-template pTemplate="frozenfooter">
    <ng-container
      *ngTemplateOutlet="footer;context:{$implicit:grid.gridEngine.frozenBody}"></ng-container>
  </ng-template>
</p-table>

<ng-template #body let-rowData let-body="body" let-rowIndex="rowIndex">
  <tr>
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -