Skip to content

Commit a39bf3f

Browse files
ChronosSFChronosSF
authored
Merge pull request #3069 from IgniteUI/ttonev-autosizingSample
Ttonev autosizing sample
2 parents dd8299f + eb26875 commit a39bf3f

23 files changed

Lines changed: 207 additions & 13 deletions

‎live-editing/configs/GridConfigGenerator.ts‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1344,6 +1344,16 @@ export class GridConfigGenerator implements IConfigGenerator {
13441344
})
13451345
}));
13461346

1347+
configs.push(new Config({
1348+
component: 'GridColumnAutosizingComponent',
1349+
additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/customers.ts'],
1350+
appModuleConfig: new AppModuleConfig({
1351+
imports: [ 'IgxGridModule', 'GridColumnAutosizingComponent', 'IgxPreventDocumentScrollModule'],
1352+
ngDeclarations: ['GridColumnAutosizingComponent'],
1353+
ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule']
1354+
})
1355+
}));
1356+
13471357
return configs;
13481358
}
13491359
}

‎live-editing/configs/HierarchicalGridConfigGenerator.ts‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -934,6 +934,17 @@ export class HierarchicalGridConfigGenerator implements IConfigGenerator {
934934
})
935935
}));
936936

937+
configs.push(new Config({
938+
additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/singersData.ts',
939+
'/src/app/hierarchical-grid/models.ts'],
940+
appModuleConfig: new AppModuleConfig({
941+
imports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule', 'HGridColumnAutoSizingSampleComponent'],
942+
ngDeclarations: ['HGridColumnAutoSizingSampleComponent'],
943+
ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule'],
944+
}),
945+
component: 'HGridColumnAutoSizingSampleComponent'
946+
}));
947+
937948
return configs;
938949
}
939950
}

‎live-editing/configs/TreeGridConfigGenerator.ts‎

Lines changed: 13 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -250,6 +250,18 @@ export class TreeGridConfigGenerator implements IConfigGenerator {
250250
shortenComponentPathBy: '/tree-grid/'
251251
}));
252252

253+
//TreeGrid Column Autosizing sample
254+
configs.push(new Config({
255+
additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/employees-flat-detailed.ts'],
256+
appModuleConfig: new AppModuleConfig({
257+
imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridColumnAutoSizingSampleComponent'],
258+
ngDeclarations: ['TreeGridColumnAutoSizingSampleComponent'],
259+
ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule']
260+
}),
261+
component: 'TreeGridColumnAutoSizingSampleComponent',
262+
shortenComponentPathBy: '/tree-grid/'
263+
}));
264+
253265
// TreeGrid Column Resizing Line Styling sample
254266
configs.push(new Config({
255267
additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/employees-flat-detailed.ts'],
@@ -1075,7 +1087,7 @@ export class TreeGridConfigGenerator implements IConfigGenerator {
10751087
component: 'TreeGridFormattedFilteringStrategyComponent',
10761088
shortenComponentPathBy: '/tree-grid/'
10771089
}));
1078-
1090+
10791091
configs.push(new Config({
10801092
additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/foods.ts'],
10811093
appModuleConfig: new AppModuleConfig({

‎package-lock.json‎

Lines changed: 7 additions & 7 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -63,7 +63,7 @@
6363
"domino": "^2.1.4",
6464
"file-saver": "^2.0.2",
6565
"hammerjs": "^2.0.8",
66-
"igniteui-angular": "^14.1.0-alpha.0",
66+
"igniteui-angular": "^14.1.0-alpha.1",
6767
"igniteui-angular-charts": "^14.0.0",
6868
"igniteui-angular-core": "^14.0.0",
6969
"igniteui-angular-i18n": "^14.0.2",

‎src/app/grid/grid-column-autosizing/grid-column-autosizing.component.html‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
<div class="grid__wrapper">
2+
<igx-grid igxPreventDocumentScroll [data]="data" [autoGenerate]="false" height="500px" width="100%">
3+
<igx-column [field]="'ID'" [header]="'ID'" [resizable]="true" width="auto"></igx-column>
4+
<igx-column [field]="'CompanyName'" [header]="'Company Name'" width="auto" [resizable]="true"></igx-column>
5+
<igx-column [field]="'ContactName'" [header]="'Contact Name'" width="auto" [resizable]="true"
6+
[minWidth]="'60px'" [maxWidth]="'230px'"></igx-column>
7+
<igx-column [field]="'ContactTitle'" [header]="'Contact Title'" width="auto" [resizable]="true"></igx-column>
8+
<igx-column [field]="'Address'" [header]="'Address'" width="auto" [resizable]="true"></igx-column>
9+
<igx-column [field]="'City'" [header]="'City'" width="auto" [resizable]="true"></igx-column>
10+
<igx-column [field]="'Region'" [header]="'Region'" width="auto" [resizable]="true"></igx-column>
11+
<igx-column [field]="'PostalCode'" [header]="'Postal Code'" width="auto" [resizable]="true"></igx-column>
12+
<igx-column [field]="'Phone'" [header]="'Phone'" width="auto" [resizable]="true"></igx-column>
13+
<igx-column [field]="'Fax'" [header]="'Fax'" width="auto" [resizable]="true"></igx-column>
14+
</igx-grid>
15+
</div>

‎src/app/grid/grid-column-autosizing/grid-column-autosizing.component.scss‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
.grid__wrapper {
2+
padding: 16px;
3+
}

‎src/app/grid/grid-column-autosizing/grid-column-autosizing.component.ts‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
import { Component } from '@angular/core';
2+
import { DATA } from '../../data/customers';
3+
4+
@Component({
5+
selector: 'grid-column-autosizing-sample',
6+
styleUrls: ['./grid-column-autosizing.component.scss'],
7+
templateUrl: 'grid-column-autosizing.component.html'
8+
})
9+
10+
export class GridColumnAutosizingComponent {
11+
public data: any[];
12+
13+
constructor() {
14+
this.data = DATA;
15+
}
16+
}
17+

‎src/app/grid/grid-routes-data.ts‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -117,5 +117,6 @@ export const gridsRoutesData = {
117117
'grid-crud': { displayName: 'Grid CRUD Operations', parentName: 'Grid'},
118118
'grid-rowClasses-sample': { displayName: 'Grid rowClasses', parentName: 'Grid'},
119119
'grid-rowStyles-sample': { displayName: 'Grid rowStyles', parentName: 'Grid'},
120+
'grid-columnAutoResizing-sample': { displayName: 'Grid Column Autoresizing', parentName: 'Grid'},
120121
'grid-with-rating': { displayName: 'Grid with Rating', parentName: 'Rating' }
121122
};

‎src/app/grid/grids-routing.module.ts‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -122,6 +122,7 @@ import { GridRowClassesComponent } from './grid-rowClasses-sample/grid-rowClasse
122122
import { GridRowStylesComponent } from './grid-rowStyles-sample/grid-rowStyles.component';
123123
import { GridSummaryTemplateComponent } from './grid-summary-template/grid-summary-template.component';
124124
import { GridExcelStyleEditingComponent } from './grid-editing-excel-style/grid-editing-excel-style.component';
125+
import { GridColumnAutosizingComponent } from './grid-column-autosizing/grid-column-autosizing.component';
125126
import { GridWithRatingComponent } from './grid-with-rating/grid-with-rating.component';
126127
// tslint:enable:max-line-length
127128

@@ -706,6 +707,11 @@ export const gridsRoutes: Routes = [
706707
data: gridsRoutesData['grid-rowStyles-sample'],
707708
path: 'grid-rowStyles-sample'
708709
},
710+
{
711+
component: GridColumnAutosizingComponent,
712+
data: gridsRoutesData['grid-columnAutoResizing-sample'],
713+
path: 'grid-columnAutoResizing-sample'
714+
},
709715
{
710716
component: GridWithRatingComponent,
711717
data: gridsRoutesData['grid-with-rating'],

0 commit comments

Comments
 (0)