JSFiddle - React, Tailwind, and code Playground
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.default.min.css">
<script src="http://cdn.kendostatic.com/2012.1.322/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.dataviz.min.css">
<div id="grid"></div>
JavaScript
$("#grid").kendoGrid({
dataSource: {
transport: {
read: {
//using jsfiddle echo service to simulate JSON endpoint
url: "/echo/json/",
dataType: "json",
type: "POST",
data: {
// /echo/json/ echoes the JSON which you pass as an argument
json: JSON.stringify({
"DocumentsResult": [{
"No": 1001,
"SellToCustomerCode": "",
"Type": 1},
{
"No": 1002,
"SellToCustomerCode": "",
"Type": 1},
{
"No": 1003,
"SellToCustomerCode": "",
"Type": 1},
{
"No": 1004,
"SellToCustomerCode": "",
"Type": 1},
{
"No": 1005,
"SellToCustomerCode": "",
"Type": 1},
{
"No": 1006,
"SellToCustomerCode": "",
"Type": 1},
{
"No": 1007,
"SellToCustomerCode": "",
"Type": 1},
{
"No": 1008,
"SellToCustomerCode": "",
"Type": 1},
{
"No": 1009,
"SellToCustomerCode": "",
"Type": 1},
{
"No": 1010,
"SellToCustomerCode": "",
...