or
$("#myList").kendoGrid({
dataSource: mySource
columns: [
{ field: "SupplierName", title: "Vendor Name:" },
{ field: "ColorCode", title: "Vendor Status", template: '<div style="width: 50px; height:20px; background-color: #FF16DC04">#= ColorCode #</div>'}]
});<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title> <link href="styles/kendo.common.min.css" rel="stylesheet" type="text/css" /> <link href="styles/kendo.default.min.css" rel="stylesheet" type="text/css" /> <script src="js/jquery.min.js" type="text/javascript"></script> <script src="js/kendo.web.min.js" type="text/javascript"></script></head><body> <div id="grid"></div> <script> $(document).ready(function () { var myDatasource = new kendo.data.DataSource({ transport: { read: { dataType: "json", data: { access_token: "pJqsseeESsdfse-d9_8CMQPsLg2" }, beforeSend: function (req) { req.setRequestHeader('Accept', "application/json"); } } }, schema: { data: "customers.customer" } }) $("#grid").kendoGrid({ dataSource: myDatasource }); }); </script></body></html><select name="select1" id="select1"> <option value="">-- select --</option> <option value="1">One</option> <option value="2">Two</option></select>