JSFiddle - React, Tailwind, and code Playground

by doriansao

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.3.1114/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.3.1114/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.all.min.js"></script>
<div id ="window"></div>
<script id="window-template" type="text/x-kendo-template">
    <div id="grid"></div>
</script>

JavaScript

var data = [
    { Name: "Bruno", Money: "1000000$" },
    { Name: "Jorge", Money: "1000000$" },
    { Name: "Yoyo", Money: "100000$" },
    { Name: "Cae", Money: "10000000000$" },
    { Name: "Dorian", Money: "1000000$" },
    { Name: "Negro", Money: "0$" }
];

var window = $('#window').kendoWindow({
    title    : 'Window',
    resizable: false,
    modal    : true,
    viewable : false,
    content  : {
        template: $('#window-template').html()
    },
    open: function() {
        $('#grid').kendoGrid({
            dataSource: data,
            columns: [{ field: "Name", title: "Name" },
                      { field: "Money", title: "Money" }]
        });
    }
}).data('kendoWindow');

window.open().center();