sample/frontend/src/app/financial-grid/financial-grid.component.html [32:70]:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
          [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
          [dragDisabled]="column.columnDef.dragDisabled"
          (dragStartEvent)="dragStartColumn(column)"
          (dropEvent)="dropColumn(column)">
        <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="frozenheader">
    <tr *ngFor="let rowHeader of grid.gridEngine.frozenHeader;index as index;last as last"
        [ngClass]="{'agr-tr-height':index!=0}">
      <th *ngFor="let column of rowHeader;last as last"
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -



sample/frontend/src/app/section-grid/section-grid.component.html [32:70]:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
          [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
          [dragDisabled]="column.columnDef.dragDisabled"
          (dragStartEvent)="dragStartColumn(column)"
          (dropEvent)="dropColumn(column)">
        <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="frozenheader">
    <tr *ngFor="let rowHeader of grid.gridEngine.frozenHeader;index as index;last as last"
        [ngClass]="{'agr-tr-height':index!=0}">
      <th *ngFor="let column of rowHeader;last as last"
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -