Columns width
Generic UI allows you to edit width of any column. By default it is set to auto, but it can be specified in number which relates to pixels. Column width can be set up by adding width to the particular column you wish to change. Just like on example below.
Name
Position
Team
Training
Company
13
33
42
100
29
92
13
81
72
55
import { Component } from '@angular/core';
@Component({
template: `
<gui-grid [columns]="columns"
[source]="users">
</gui-grid>
`
})
export class ColumnWidthComponent {
users = users;
columns: Array<GuiColumn> = [{
header: 'Name',
field: 'name',
width: 160
}, {
header: 'Position',
field: 'position',
width: 80
}, {
header: 'Team',
field: 'teamShort',
width: 120
}, {
header: 'Training',
field: 'training',
type: GuiDataType.NUMBER,
width: 200
}, {
header: 'Company',
field: 'company'
}];
}