This project is read-only.

Usage:

 

$("#divElement").mingrid({
                source: array,
                width: 900,
                height: 300,
                columns: columns,
                autoLayout: true,
                isDraggable: true,
                load: function (event, ui) {                    
                    //called upon grid widget create
                }
            });

 

 

Specifying columns

Columns are specified with an object literal rather than an Array. This makes it easy to remove properties of the columns object without affecting indexing of other properties. For reference, for each column you may construct an instance of jQuery.ui.mingrid.ColumnDefinition (found in mingrid.js). For example, here is how you can define the columns:

 

var columns = { "0": { "name": "ID", "width": 100 }, "1": { "name": "URL", "width": 90} };

Note that widths must be numeric, not string values e.g. "100px".

 

Example 1:

$("#grid").mingrid({
            source: data,
            width: grid_width,
            height: 300,
            columns: columns,
            autoLayout: false,
            isDraggable: false,
            load: function (event, ui) {

            }
        });

Last edited Sep 6, 2011 at 5:02 AM by TWebster, version 8

Comments

No comments yet.