3.0 beta 2

AX.Grid

A datagrid component.

var data = [
    {name: "Miranda Henderson", company: "Nulla Corporation", phone: "(614) 429-8271"},
    {name: "Fay Decker", company: "Sed Pharetra Institute", phone: "(130) 810-8083"},
    {name: "Brock Buckner", company: "Id Corp.", phone: "(741) 126-3594"},
    {name: "Hilel Stafford", company: "Magna Limited", phone: "(605) 829-9200"}
];

var columns = [
    {header: 'Name', width: 150, bind: '$name'},
    {header: 'Company', width: 200, bind: '$company'},
    {header: 'Phone', width: 120, align: 'right', bind: '$phone'}
];

var grid = new AX.Grid({
    id: 'grid1',
    width: '100%',
    height: 300,
    columns: columns,
    data: data
});

Properties

columns

Columns collection - see AX.Column class.

grid.columns([
    {header: 'Name', width: 150, bind: '$name'},
    {header: 'Company', width: 200, bind: '$company'},
    {header: 'Phone', width: 120, align: 'right', bind: '$phone'}
]);

headers

Headers row - see also AX.Header class.

lock

Locked columns - the number of columns to lock on the left side.

rows

Rows collection - see AX.Row class.

grid.rows({
    height: 30,
    border: false
});