dgrid JSFiddle Template

A default JSFiddle with the standard Dojo and dgrid options

by schlomm

HTML

<link rel="stylesheet" href="https://cdn.rawgit.com/SitePen/dgrid/v1.0.0/css/dgrid.css">
<link rel="stylesheet" href="https://cdn.rawgit.com/SitePen/dgrid/v1.0.0/css/skins/claro.css">
<div>
    <div id="gridcontainer" />
</div>

CSS

.foo {
    /* add custom css */
}

JavaScript

require({
    packages: [
        {
            name: 'dgrid',
            location: '//cdn.rawgit.com/SitePen/dgrid/v1.0.0'
        },
        {
            name: 'dstore',
            location: '//cdn.rawgit.com/SitePen/dstore/v1.1.1'
        }
    ]
}, [
    'dojo/_base/declare',
    'dgrid/OnDemandGrid',
    'dgrid/Selection',
    'dgrid/Selector',
    'dstore/Memory',
    'dojo/domReady!'
], function(declare, OnDemandGrid, Selection, Selector, Memory) {
    var data = [
        { id: 1, name: 'Peter' },
        { id: 2, name: 'Paul' },
        { id: 3, name: 'Mary' }
    ];
    var store = new Memory({ data: data });
    var options = {
        allowSelectAll: true,
        collection: store,
        columns: [
            { field: 'id',  label: '', selector: 'checkbox' },
            { field: 'name', label: 'Name' }
        ]
    };
    
    new (declare([ OnDemandGrid, Selection, Selector ]))(options, 'gridcontainer');
});