JSFiddle - React, Tailwind, and code Playground

HTML

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

JavaScript

var data = [
	{
		"FileTypeGroup": "Disk Images",
		"PercentActiveData": 21.0065,
		"PercentDormantData": 5.0529,
		"PercentOldData": 73.9405
	},
	{
		"FileTypeGroup": "Archive",
        "PercentActiveData": 24.6856,
		"PercentDormantData": 9.5979,
		"PercentOldData": 65.7163
	},
	{
		"FileTypeGroup": "Executables",
		"PercentActiveData": 14.2369,
		"PercentDormantData": 3.0372,
		"PercentOldData": 82.7257
	},
	{
		"FileTypeGroup": "Database",
		"PercentActiveData": 46.9528,
		"PercentDormantData": 22.1505,
		"PercentOldData": 30.8965
	},
	{
		"FileTypeGroup": "Backups",
		"PercentActiveData": 47.5649,
		"PercentDormantData": 14.716,
		"PercentOldData": 37.719
	},
	{
		"FileTypeGroup": "Documents",
		"PercentActiveData": 33.6124,
		"PercentDormantData": 35.2075,
		"PercentOldData": 31.18
	},
	{
		"FileTypeGroup": "System",
		"PercentActiveData": 22.2979,
		"PercentDormantData": 19.4819,
		"PercentOldData": 58.22
	},
	{
		"FileTypeGroup": "Default",
		"PercentActiveData": 58.2593,
		"PercentDormantData": 16.1746,
		"PercentOldData": 25.566
	},
	{
		"FileTypeGroup": "Images",
		"PercentActiveData": 6.6664,
		"PercentDormantData": 1.5263,
		"PercentOldData": 91.8071
	},
	{
		"FileTypeGroup": "Video",
		"PercentActiveData": 64.7205,
		"PercentDormantData": 2.1405,
		"PercentOldData": 33.1389
	}
];

$(window).on("resize", function() {
    $(".k-chart").each(function() {
        $(this).data("kendoChart").resize(true);
    });
});

$(document).ready(function () {
	var grid = $("#grid").kendoGrid({
		dataSource: {
			data: data,
			schema: {
				model: {
					fields: {
						FileTypeGroup: { type : "string" },
						PercentActiveData: { type: "int" },
						PercentDormantData: { type: "int" },
						PercentOldData: { type: "int" }
					}
				}
			},
			change: function() {},
			pageSize: 10
		},
		scrollable: true,
		sortable: true,
		selectable: true,
		pageable: true,
        resizable: true,
		columns: [
			{
				field: "FileTypeGroup",
				title: "Category",
       ...