JSFiddle - React, Tailwind, and code Playground

by cgough

HTML

<link rel="stylesheet" href="~/Scripts/kendo/styles/kendo.default.min.css" />
<link rel="stylesheet" href="~/Scripts/kendo/styles/kendo.common.min.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="~/Scripts/kendo/js/kendo.all.min.js"></script>
<script src="~/Scripts/kendo/kendo.aspnetmvc.min.js"></script>
<script src="~/Scripts/kendo/js/kendo.custom.min.js"></script>
<script src="~/Scripts/webagent/agent-components/web-agent-components.js"></script>
   <div id="grid">

    </div>

JavaScript

$(document).ready(function () {
var tickets = [{ name: "Joe Bloggs", Priority: "Mod", Type: "Chat", Description: "Call the client about their renewal date" },

];
    $("#grid").kendoGrid({
        columns: [
            { title: "Name", field: "name" },
            { title: "Priority", field: "Priority" },
            { title: "Type", field: "Type" },
            { title: "Description", field: "Description" }
        ],
        dataSource: {
            data: tickets
        }
    });
});

});