igniteui-angular-sovn
Version:
Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps
30 lines (26 loc) • 1.51 kB
HTML
<div role="rowgroup" class="igx-grid-thead__wrapper" [style.width.px]="width"
[class.igx-grid__tr--mrl]="hasMRL">
<div class="igx-grid__tr igx-grid__tr-header-row" role="row" [style.width.px]="width">
<igx-pivot-row-dimension-header-group [ngClass]="rowDimensionColumn.headerGroupClasses"
[ngStyle]="rowDimensionColumn.headerGroupStyles | igxHeaderGroupStyle:rowDimensionColumn:grid.pipeTrigger" [column]="rowDimensionColumn"
[style.min-width]="grid.rowDimensionWidthToPixels(rootDimension) | igxHeaderGroupWidth:grid.defaultHeaderGroupMinWidth:hasMRL"
[style.flex-basis]="grid.rowDimensionWidthToPixels(rootDimension) | igxHeaderGroupWidth:grid.defaultHeaderGroupMinWidth:hasMRL"
[rowIndex]="rowIndex"
[parent]='this'>
</igx-pivot-row-dimension-header-group>
</div>
</div>
<ng-template #headerTemplate let-column>
<div class='igx-grid__tr--header igx-grid__row-indentation--level-{{getLevel()}}'>
<igx-icon [attr.draggable]=" false" (click)="toggleRowDimension($event)">
{{ getExpandState() ? 'expand_more' : 'chevron_right'}}</igx-icon>
{{column.header}}
</div>
</ng-template>
<ng-template #headerDefaultTemplate let-column>
<div class='igx-grid__tr--header igx-grid__row-indentation--level-{{getLevel()}}'>
<igx-icon style='flex-shrink: 0;' [attr.draggable]=" false">
</igx-icon>
{{column.header}}
</div>
</ng-template>