JSFiddle - React, Tailwind, and code Playground

by Chethan Srinivas

HTML

<script src="http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<input type="button" class="btnclass" value="Show" onclick="loadGrid('#jqxgrid',null,null)" />
<div style="margin-top: 20px;" id="jqxgrid"></div>

JavaScript

$(document).ready(function () {

 	loadGrid("#jqxgrid",null,null);
    

});
function runClick()
{
    loadGrid("#jqxgrid",null,null);
    
}
function loadGrid(t, p, data) {
    alert('2');
    var source =
    {
        datatype: "json",
        datafields: [
                    { name: 'GrossCommission', type: 'float' },
                    { name: 'NetCommission', type: 'float' },
                    { name: 'UnderlyingSecurity', type: 'string' },
                    { name: 'MarketName', type: 'string' },
                    { name: 'BuySellInd', type: 'string' },
                    { name: 'Qty', type: 'int' },
                    { name: 'Price', type: 'float' },
                    { name: 'AccountNumber', type: 'string' },
                    { name: 'AccountType', type: 'string' },
                    { name: 'SecurityType', type: 'string' },
                    { name: 'TradeCurrency', type: 'string' }
        ],
        localdata: '[{ "GrossCommission": "22", "NetCommission": "22", "UnderlyingSecurity": "Sales Representative", "MarketName": "Obere Str. 57", "BuySellInd": "Berlin", "Qty": "22","Price": "22", "AccountNumber": "Sales Representative", "AccountType": "Obere Str. 57", "SecurityType": "Berlin", "TradeCurrency": "Sales Representative", "TradeRef": "Obere Str. 57", "SecurityDescLine1": "Berlin" },{ "GrossCommission": "22", "NetCommission": "22", "UnderlyingSecurity": "Sales Representative", "MarketName": "Obere Str. 57", "BuySellInd": "Berlin", "Qty": "22","Price": "22", "AccountNumber": "Sales Representative", "AccountType": "Obere Str. 57", "SecurityType": "Berlin", "TradeCurrency": "Sales Representative", "TradeRef": "Obere Str. 57", "SecurityDescLine1": "Berlin" },{ "GrossCommission": "22", "NetCommission": "22", "UnderlyingSecurity": "Sales Representative", "MarketName": "Obere Str. 57", "BuySellInd": "Berlin", "Qty": "22","Price": "22", "AccountNumber": "Sales Representative", "AccountType": "Obere Str. 57", "SecurityType": "Berlin",...