JSFiddle - React, Tailwind, and code Playground
by origineil
HTML
<html>
<body>
<link rel="stylesheet" type="text/css" href="http://JLynch7.github.io/SlickGrid/slick.grid.css">
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="http://code.jquery.com/ui/1.11.0/jquery-ui.min.js"></script>
<script src="http://JLynch7.github.io/SlickGrid/slick.dataview.js"></script>
<script src='http://mleibman.github.io/SlickGrid/lib/jquery.event.drag-2.2.js'></script>
<script src='http://JLynch7.github.io/SlickGrid/slick.core.js'></script>
<script src='http://JLynch7.github.io/SlickGrid/slick.grid.js'></script>
<script src='http://JLynch7.github.io/SlickGrid/slick.formatters.js'></script>
<script src='http://JLynch7.github.io/SlickGrid/slick.editors.js'></script>
<script src='http://cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.2/moment.min.js'></script>
<div id='container'>
<div id="myGrid" style="width:600px;height:300px;"></div>
</div>
<script>
function addCalendar(columns) {
var from = window.START_DT ? moment(window.START_DT) : moment().subtract('30', 'days');
var to = window.END_DT ? moment(window.END_DT) : moment().add('0', 'months');
var i = from.clone(),
W = 45;
while (i.isBefore(to)) {
i.add('1', 'day');
columns.push({
id: i.unix(),
name: i.month() + '/' + i.date(),
field: i.year() + '-' + i.month() + '-' + i.date(),
minWidth: W,
width: W,
maxWidth: W,
editor: Slick.Editors.Text
});
}
}
function loadCss(list, callback) {
var head = document.getElementsByTagName('head')[0];
$.each(list, function (i, l) {
$('<link/>').attr({
rel: 'stylesheet',
href: l
}).appendTo(head);
});
if (callback) callback();
}
function requiredFieldValidator(value) {
if (value == null || value == undefined || !value.length) {
...