JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.default.min.css">
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://cdn.kendostatic.com/2013.1.319/js/kendo.web.min.js"></script>
 <div id="divColours"></div>

JavaScript

var div = $("#divColours");
var url = "http://demos.kendoui.com/service/Employees";
div.kendoTreeView({
  dataTextField: "FullName",
  // the treeview requires the use of a HierarchicalDataSource
  dataSource: new kendo.data.HierarchicalDataSource({
    serverFiltering: false,
    transport: {
        read: {
            url: url,
            dataType: "jsonp"
        } //read
    },
    schema: {
      model: {
        id: "EmployeeId",
        hasChildren: "HasEmployees"
      }
    } //transport
  }) //datasource
});