JSFiddle - React, Tailwind, and code Playground
Starting point with Dojo 1.10 + dgrid 0.4.0 Claro + Dijit Claro
by kfranqueiro
HTML
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.10.1/dijit/themes/claro/claro.css">
<link rel="stylesheet" href="http://cdn.rawgit.com/SitePen/dgrid/v0.4.0/css/skins/claro.css">
<div id="grid"></div>
CSS
html, body, #grid {
border: none;
height: 100%;
}
JavaScript
require({
packages: [{
name: 'dgrid',
location: '//cdn.rawgit.com/SitePen/dgrid/v0.4.0'
}, {
name: 'dstore',
location: '//cdn.rawgit.com/SitePen/dstore/v1.0.1'
}, {
name: 'xstyle',
location: '//cdn.rawgit.com/kriszyp/xstyle/v0.2.1'
}, {
name: 'put-selector',
location: '//cdn.rawgit.com/kriszyp/put-selector/v0.3.6'
}]
}, [
'dgrid/OnDemandGrid',
'dstore/Memory',
'dojo/domReady!'
], function (OnDemandGrid, Memory) {
var grid = new OnDemandGrid({
columns: {
id: 'ID',
foo: 'Foo'
},
collection: new Memory({ data: [
{ id: 1, foo: 'bar' },
{ id: 2, foo: 'baz' }
]})
}, 'grid');
});