JSFiddle - React, Tailwind, and code Playground

by doriansao

HTML

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

JavaScript

$("#grid").kendoGrid({
                        dataSource: {
                            data: [{ Id: 1, Name: "Dorian", Age: 0 }, 
                                   { Id: 2, Name: "Bruno", Age: 0 },
                                   { Id: 3, Name: "Deco", Age: 0 },
                                   { Id: 4, Name: "Jorge", Age: 0 } ],
                            pageSize: 10
                        },                       
                        columns: [ { field: "Id", title: "Id" }, 
                                  { field: "Name", title: "Name" },
                                  { field: "Age", title: "Age", editor: myEditor }]
                                                      
                });

function myEditor(container, options) {
      $('<select name="' + options.field + '"/>').appendTo(container).kendoMultiSelect({
        dataTextField: "text",
        dataValueField: "value",
        dataSource: [
            { text: "1", value: "1" },
            { text: "2", value: "2" }
        ]
    });
}