JSFiddle - React, Tailwind, and code Playground

by whoamiwho

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.2.804/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.2.804/styles/kendo.kendo.min.css">
<script src="http://cdn.kendostatic.com/2011.2.804/js/kendo.all.min.js"></script>
<script src="http://getfirebug.com/firebug-lite-debug.js"></script>
<div id="grid"></div>

JavaScript

$("#grid").kendoGrid({
    dataSource: [{
        id: 1,
        title: "title",
        speaker: "speaker",
        date: new Date()},
                 {
        id: 2,
        title: "title2",
        speaker: "speaker2",
        date: new Date()}
                ],
    selectable: true,
    sortable: true,
    pageable: false,
    change: function(e) {
        console.log(this.dataSource.view()[this.select().index()]);
    },
    columns: [
    {
        field: "title",
        title: "Title"},
    {
        field: "speaker",
        title: "Speaker"},
    {
        field: "date",
        title: "Created",
        width: "200px",
        template: '<#= kendo.toString(date,"dd MMMM yyyy") #>'}
            ]
});