Columns width

Generic UI for jQuery allows you to edit width of any column. The width is one of the columns configuration options. By default it is set to auto, but it can be specified in number. Based on this number value, columns will change its size to reflect it. The columns width is defined in pixels. Example below demonstrate different uses of this configuration option inside guiGrid jQuery function.

$('#jquery-columns-width-grid').guiGrid({
	columns: [
		{
			header: 'Index',
			field: 'index',
			width: 60				// width in pixels
		}, {
			header: 'Character',
			field: 'character',
			width: 'auto'			// auto width
		}, {
			header: 'Real name',
			field: 'name'			// width is not defined. The columns width is set to 'auto'
		}],
	source: source
});