Loading

source-loading-grid.js
Example
$('#jquery-source-loading-grid').guiGrid({

	loading: true,

	maxHeight: 500,

	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$'
		}
	]
});;

Loading - options

OptionsTypeDefaultDescription
loadingbooleanfalse Enables loading aka "In progress" mode.

Related articles: