Column align

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
    }, ...
]