JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.default.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.common.min.css">
<script src="http://cdn.kendostatic.com/2012.2.710/js/kendo.all.min.js"></script>
<div id="grid"></div>
JavaScript
var model = kendo.data.Model.define(
{
fields: {
name: { type: "date" }
}
}
);
$("#grid").kendoGrid({
scrollable: false,
dataSource: {
pageSize: 10,
transport: {
create: {
url: "/echo/json/",
dataType: "json"
},
read: {
url: "/echo/json/",
dataType: "json",
type: "POST",
data: {
json: JSON.stringify({ d: [ { name: "\/Date(837579600000)\/" }, { name: "\/Date(837579600000)\/" } ]
})
}
}
},
schema: {
data: function(response) {
return response.d;
},
total: function(response) {
return response.d.length;
},
model: model
}
},
pageable: true
});