dgrid 0.4.0 JSFiddle Template

A default JSFiddle with the standard Dojo and dgrid options

by denov

HTML

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/dojo/1.10.0/dijit/themes/claro/claro.css">
<div>
    <div id="gridcontainer" />
</div>

CSS

.foo {
    /* add custom css */
}

JavaScript

require({
    packages: [
        {
            name: 'dgrid',
            location: '//rawgit.com/SitePen/dgrid/v0.4.0'
        },
        {
            name: 'dstore',
            location: '//rawgit.com/SitePen/dstore/v1.0.1'
        },
        {
            name: 'xstyle',
            location: '//cdn.rawgit.com/kriszyp/xstyle/v0.3.1'
        },
        {
            name: 'put-selector',
            location: '//cdn.rawgit.com/kriszyp/put-selector/v0.3.6'
        }
    ]
}, 
[
 'dgrid/OnDemandGrid',
 'dstore/Memory',
 'dojo/domReady!'
], 
function(Grid, Memory) {
    var data = [
        { id: 1, name: 'Peter' },
        { id: 2, name: 'Paul' },
        { id: 3, name: 'Mary' }
    ];
    var store = new Memory({ data: data });
    var options = {
        columns: [
            { field: 'id',  label: 'ID' },
            { field: 'name', label: 'Name' }
        ],
        collection: store
    };
    
    new Grid(options, 'gridcontainer');
});