Skip to content

Commit c30ed80

Browse files
MKirovaMKirova
authored andcommitted
chore(*): Adding a few more features.
1 parent 1845aba commit c30ed80

File tree

2 files changed

+7
-7
lines changed

2 files changed

+7
-7
lines changed

src/app/grid-row-pinning/grid-row-pinning.sample.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -8,15 +8,15 @@
88
<igx-switch (change)='onRowChange()' style="padding-left: 10px"> Bottom Row Pinning toggle</igx-switch>
99
<igx-switch (change)='onChange()' style="padding-left: 10px"> Right Column Pinning toggle</igx-switch>
1010
</div>
11-
<igx-grid [pinning]="pinningConfig" [showToolbar]='true' [columnPinning]='true' #grid1 [data]="data" [width]="'800px'" [height]="'500px'" [rowSelectable]="false">
12-
<igx-column width='50px'>
11+
<igx-grid [allowFiltering]='true' [pinning]="pinningConfig" [showToolbar]='true' [columnPinning]='true' #grid1 [data]="data" [width]="'800px'" [height]="'500px'" [rowSelectable]="false">
12+
<igx-column width='70px' [filterable]='false'>
1313
<ng-template igxCell let-cell="cell" let-val>
1414
<igx-icon class="pin-icon" (mousedown)="togglePining(cell.row, $event)">
1515
{{isRowPinned(cell.row) ? 'lock' : 'lock_open'}}
1616
</igx-icon>
1717
</ng-template>
1818
</igx-column>
19-
<igx-column *ngFor="let c of columns" [sortable]="true" [field]="c.field" [header]="c.field" [width]="c.width" [pinned]='c.pinned'
19+
<igx-column *ngFor="let c of columns" [sortable]="true" [field]="c.field" [header]="c.field" [width]="c.width" [pinned]='c.pinned' [groupable]='c.groupable'
2020
[hidden]='c.hidden'>
2121
</igx-column>
2222
</igx-grid>

src/app/grid-row-pinning/grid-row-pinning.sample.ts

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -36,10 +36,10 @@ export class GridRowPinningSampleComponent implements OnInit {
3636

3737
ngOnInit(): void {
3838
this.columns = [
39-
{ field: 'ID', width: '200px', hidden: false },
40-
{ field: 'CompanyName', width: '200px' },
41-
{ field: 'ContactName', width: '200px', pinned: false },
42-
{ field: 'ContactTitle', width: '300px', pinned: false },
39+
{ field: 'ID', width: '200px', hidden: true },
40+
{ field: 'CompanyName', width: '200px', groupable: true },
41+
{ field: 'ContactName', width: '200px', pinned: false, groupable: true },
42+
{ field: 'ContactTitle', width: '300px', pinned: false, groupable: true },
4343
{ field: 'Address', width: '250px' },
4444
{ field: 'City', width: '200px' },
4545
{ field: 'Region', width: '300px' },

0 commit comments

Comments
 (0)