Loading
@Component({
selector: 'source-loading-grid',
template: `
<gui-grid [columns]="columns"
[source]="source"
[maxHeight]="500"
[loading]="loading"></gui-grid>
`
})
export class LoadingGridComponent {
loading = true;
columns = [
{
header: 'Name',
field: 'name'
},
{
header: 'Type',
field: 'type'
},
{
header: 'Price',
field: 'price'
}
];
source = [
{
name: 'T-shirt',
type: 'clothes',
price: '15$'
}, {
name: 'Shoes',
type: 'footwear',
price: '100$'
}, {
name: 'Shoes #2',
type: 'footwear',
price: '200$'
}, {
name: 'Shoes #3',
type: 'footwear',
price: '400$'
}, {
name: 'Ball cap',
type: 'headgear',
price: '50$'
}];
}
Name
Type
Price
Loading - Inputs
Input | Type | Default | Description |
---|---|---|---|
loading | boolean | false | Enables loading aka "In progress" mode. |