JSFiddle - React, Tailwind, and code Playground
HTML
<table id="grid"></table>
JavaScript
jQuery(document).ready(function() {
$.getJSON('@Url.Action("GetJsonData", "Home")', function(data) {
datatype: 'json',
// alert(mydata);
gridFn(data);
});
function gridFn(data) {
// alert(data);
$("#grid").jqGrid({
datatype: "local",
width: '100%',
colNames: ["seqid", "fundid", "name", "fund", "bonus", "allocation", "blank", "begin", "end"],
colModel: [
{
name: 'seqid',
index: 'seqid',
editable: true,
}, {
name: 'fund id',
index: 'fund id',
editable: true,
}, {
name: 'name',
index: 'name',
editable: true,
}, {
name: 'fund',
index: 'fund',
editable: true,
}, {
name: 'bonus',
index: 'bonus',
editable: true,
}, {
name: 'allocation',
index: 'allocation',
editable: true,
}, {
name: 'blank',
index: 'blank',
editable: true,
}, {
name: 'begin',
index: 'begin',
editable: true,
}, {
name: 'end',
index: 'end',
editable: true,
}
],
multiselect: true,
pager: '#pager',
'cellEdit': true,
...