JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1129/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1129/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2011.3.1129/js/kendo.all.min.js"></script>
<div id="grid" /><br />

<a href="http://www.cdrummond.qc.ca/cegep/informat/Professeurs/Alain/files/ascii.htm" target="_blank">Reference ASCII chart</a><br />

CSS

.k-grid { outline: 0; }

JavaScript

var characters = [ { Dec: "21", Char: "!" },
                   { Dec: "23", Char: "#" },
                   { Dec: "23", Char: "#" },                   
                   { Dec: "60", Char: "<" },
                   { Char: "[", Dec: 91 },
                   { Dec: "65", Char: "A" },
                   { Dec: "97", Char: "a" },
                   { Dec: "48", Char: "0" },
                   { Dec: "64", Char: "@" },
                   { Dec: "58", Char: ":" },
                   { Dec: "123", Char: "{" },
                                      { Dec: "39", Char: "'" },
                   ];

 $("#grid").kendoGrid({
     dataSource: {
         data: characters,
         sort: { field: "Char", dir: "asc" }
     },
     sortable: {
        allowUnsort: false,
        mode: "single"
    },
     height: 600
 });