Available in the Full Version

Data Grid - Grid Layout


This sample is designed for a larger screen size.

On mobile, try rotating your screen, view full size, or email to another device.

This sample demonstrates how to set up different layout properties of the igGrid. The following properties are exposed: 
caption – caption text that will be shown above the grid header.
fixed headers - the column headers can be fixed so they are visible while scrolling.
default column width - when columns don’t have width assigned in the columns collection.
width (columns) – the width that is applied to the column.
width - the width of the grid. If a column’s width exceeds the grid’s width then a horizontal scroll bar appears.

Code View

Copy to Clipboard