JSFiddle - React, Tailwind, and code Playground

by Joel D'Souza

HTML

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

JavaScript

var items = [{"Id":13681,"PaymentDate":"\/Date(1345694400000)\/","Amount":262.5000,"VendorName":"Gold Seal Termite \u0026 Pest Contr","VendorInfo":"1402 Commerce Avenue\u003cbr /\u003eIndianapolis, IN 46201-1141\u003cbr /\u003e","VendorAddressLine1":"1402 Commerce Avenue","VendorAddressLine2":"","VendorAddressLine3":"","VendorAddressLine4":"","VendorAddressCity":"Indianapolis","VendorAddressState":"IN","VendorAddressPostalCode":"46201-1141","VendorPhoneNumber":"","VendorEmailAddress":"","TransmissionDate":"\/Date(1345762848917)\/","PaymentMethod":"VCC","Reference":"100417B","CurrentStatus":{"Id":9,"Description":"VCC Sent","ItemStatuses":[],"Batches":[],"ItemBatchMappings":[],"EntityState":1,"EntityKey":null},"CurrentStatusDesc":"VCC Sent","NextStatus":{"Id":10,"Description":"VCC Ran","ItemStatuses":[],"Batches":[],"ItemBatchMappings":[],"EntityState":1,"EntityKey":null},"CheckNumber":"4664"},{"Id":13776,"PaymentDate":"\/Date(1345694400000)\/","Amount":150.0000,"VendorName":"Screening Report Inc","VendorInfo":"P O Box 593\u003cbr /\u003eBedford Park, IL 60499-0593\u003cbr /\u003e","VendorAddressLine1":"P O Box 593","VendorAddressLine2":"","VendorAddressLine3":"","VendorAddressLine4":"","VendorAddressCity":"Bedford Park","VendorAddressState":"IL","VendorAddressPostalCode":"60499-0593","VendorPhoneNumber":"","VendorEmailAddress":"","TransmissionDate":"\/Date(1345762848917)\/","PaymentMethod":"VCC","Reference":"720129283","CurrentStatus":{"Id":9,"Description":"VCC Sent","ItemStatuses":[],"Batches":[],"ItemBatchMappings":[],"EntityState":1,"EntityKey":null},"CurrentStatusDesc":"VCC Sent","NextStatus":{"Id":10,"Description":"VCC Ran","ItemStatuses":[],"Batches":[],"ItemBatchMappings":[],"EntityState":1,"EntityKey":null},"CheckNumber":"1962"},{"Id":13784,"PaymentDate":"\/Date(1345694400000)\/","Amount":389.0000,"VendorName":"Rent.com","VendorInfo":"Department 1987\u003cbr /\u003ePayment Center\u003cbr /\u003eLos Angeles, CA 900841987\u003cbr...