JSFiddle - React, Tailwind, and code Playground

by Joel D'Souza

HTML

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

JavaScript

var items = [
    {
            "Id": 13681,
            "PaymentDate": "/Date(1345694400000)/",
            "Amount": 262.5,
            "VendorName": "Gold Seal Termite & Pest Contr",
            "TransmissionDate": "/Date(1345762848917)/"
        },
        {
            "Id": 13776,
            "PaymentDate": "/Date(1345694400000)/",
            "Amount": 150.0,
            "VendorName": "Screening Report Inc",
            "TransmissionDate": "/Date(1345762848917)/"
        },
        {
            "Id": 13784,
            "PaymentDate": "/Date(1345694400000)/",
            "Amount": 389.0,
            "VendorName": "Rent.com",
            "TransmissionDate": "/Date(1345762848917)/"
        },
        {
            "Id": 13788,
            "PaymentDate": "/Date(1345694400000)/",
            "Amount": 232.50999999999999,
            "VendorName": "Wilmar Industries",
            "TransmissionDate": "/Date(1345762848917)/"
        },
        {
            "Id": 13891,
            "PaymentDate": "/Date(1345694400000)/",
            "Amount": 9.8499999999999996,
            "VendorName": "Save It Now / Dodson Group Inc",
            "TransmissionDate": "/Date(1345762848917)/"
        },
        {
            "Id": 13693,
            "PaymentDate": "/Date(1345694400000)/",
            "Amount": 588.25,
            "VendorName": "Cort Business Services Corp",
            "TransmissionDate": "/Date(1345762848917)/"
        },
        {
            "Id": 13701,
            "PaymentDate": "/Date(1345694400000)/",
            "Amount": 68.980000000000004,
            "VendorName": "Office Depot",
            "TransmissionDate": "/Date(1345762848917)/"
        },
        {
            "Id": 13705,
            "PaymentDate": "/Date(1345694400000)/",
            "Amount": 533.47000000000003,
            "VendorName": "Wilmar Industries",
            "TransmissionDate": "/Date(1345762848917)/"
        },
        {
            "Id": 13748,
            "PaymentDate":...