igniteui-angular-sovn/src/lib/grids/summaries/summary-row.component.html

Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps

<ng-container *ngIf="summaries.size">
    <ng-container *ngIf="grid.summariesMargin">
        <div
        class="igx-grid__summaries-patch"
        [style.min-width.px]="grid.summariesMargin"
        [style.flex-basis.px]="grid.summariesMargin"
        (pointerdown)="$event.preventDefault()"
        ></div>
    </ng-container>
    <ng-container *ngIf="pinnedColumns.length > 0 && grid.isPinningToStart">
        <ng-container *ngTemplateOutlet="summaryCellTemplate; context: getContext(this)"></ng-container>
    </ng-container>
    <ng-template igxGridFor let-col [igxGridForOf]="unpinnedColumns | igxNotGrouped" [igxForScrollContainer]="grid.parentVirtDir" let-colIndex="index" [igxForScrollOrientation]="'horizontal'" [igxForContainerSize]="grid.unpinnedWidth" [igxForTrackBy]="grid.trackColumnChanges" [igxForSizePropName]='"calcPixelWidth"' #igxDirRef>
        <igx-grid-summary-cell
            class="igx-grid-summary igx-grid-summary--fw"
            role="cell"
            [class.igx-grid-summary--cosy]="grid.displayDensity === 'cosy'"
            [class.igx-grid-summary--compact]="grid.displayDensity === 'compact'"
            [class.igx-grid-summary--empty]="!col.hasSummary"
            [class.igx-grid-summary--pinned-last]="col.isLastPinned"
            [column]="col"
            [rowIndex]="index"
            [firstCellIndentation]="firstCellIndentation"
            [summaryResults]="getColumnSummaries(col.field)"
            [summaryTemplate]="col.summaryTemplate"
            [hasSummary]="col.hasSummary"
            [density]="grid.displayDensity"
            [summaryFormatter]="col.summaryFormatter"
            [active]="isCellActive(col.visibleIndex)"
            [style.max-height.px]="minHeight"
            [style.min-height.px]="minHeight"
            [style.min-width]="col.getCellWidth()"
            [style.max-width]="col.getCellWidth()"
            [style.flex-basis]="col.getCellWidth()">
        </igx-grid-summary-cell>
    </ng-template>
    <ng-container *ngIf="pinnedColumns.length > 0 && !grid.isPinningToStart">
        <ng-container *ngTemplateOutlet="summaryCellTemplate; context: getContext(this)"></ng-container>
    </ng-container>
</ng-container>

<ng-template #summaryCellTemplate let-col>
    <igx-grid-summary-cell *ngFor="let col of pinnedColumns | igxNotGrouped"
            role="cell"
            class="igx-grid-summary igx-grid-summary--fw igx-grid-summary--pinned"
            [class.igx-grid-summary--cosy]="grid.displayDensity === 'cosy'"
            [class.igx-grid-summary--compact]="grid.displayDensity === 'compact'"
            [class.igx-grid-summary--empty]="!col.hasSummary"
            [class.igx-grid-summary--pinned-first]="col.isFirstPinned"
            [class.igx-grid-summary--pinned-last]="col.isLastPinned"
            [column]="col"
            [firstCellIndentation]="firstCellIndentation"
            [rowIndex]="index"
            [summaryResults]="getColumnSummaries(col.field)"
            [summaryTemplate]="col.summaryTemplate"
            [hasSummary]="col.hasSummary"
            [density]="grid.displayDensity"
            [active]="isCellActive(col.visibleIndex)"
            [style.max-height.px]="minHeight"
            [style.min-height.px]="minHeight"
            [style.min-width]="col.getCellWidth()"
            [style.max-width]="col.getCellWidth()"
            [style.flex-basis]="col.getCellWidth()"
            [style.left]="col.rightPinnedOffset">
        </igx-grid-summary-cell>
</ng-template>