Column align
Name
Position
Team
Training
Company
13
33
42
100
29
92
13
81
72
55
import { Component } from '@angular/core';
@Component({
template: `
<gui-grid [source]="users"
[columns]="columns">
</gui-grid>
`
})
export class ColumnAlignComponent {
users = users;
columns: Array<GuiColumn> = [{
header: 'Name',
field: 'name',
align: GuiColumnAlign.RIGHT
}, {
header: 'Position',
field: 'position',
align: GuiColumnAlign.LEFT
}, {
header: 'Team',
field: 'teamShort',
width: 80,
align: GuiColumnAlign.RIGHT
}, {
header: 'Training',
field: 'training',
type: GuiDataType.NUMBER,
width: 100,
align: GuiColumnAlign.CENTER
}, {
header: 'Company',
field: 'company',
align: GuiColumnAlign.CENTER
}];
}
[
{
"id": "#1",
"name": "Mark Ross",
"company": "Genco Pura Olive Oil Company",
"position": "Team Leader",
"teamSort": "TI",
"training": 13,
"budget": -7000
}, ...
]
Column align - Inputs
Input | Type | Default | Description |
---|---|---|---|
align | GuiColumnAlign | '' | Default value depends on the column type. e.g GuiDataType.Boolean has align center, GuiDataType.Number right. Possible values:
|