JSFiddle - React, Tailwind, and code Playground

by jsumners

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script src="http://wemedy.clayton.edu/js/jquery.jtable.min.js"></script>
<div id="tableContainer"></div>

CSS

@import url('http://wemedy.clayton.edu/css/jtable/themes/lightcolor/blue/jtable.css');
@import url('http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css');

JavaScript

var cb = function() {},
    dataResult = function() {};

$(document).ready(function(){ cb(); });

dataResult = function() {
    var results = {},
        result = {};
    
    results.Result = 'OK';
    results.Records = [];

    result.id = '123456';
    result.NESNumber = '21937491';
    
    results.Records.append(result);

    return JSON.stringify(results);
};

cb = function() {
    var $tableContainer = $('#tableContainer');
    
    $tableContainer.jtable({
        title: 'A simple jTable test.',
        selecting: true,
        actions: {
            listAction: function() { return dataResult() },
            createAction: function() { return dataResult() },
            updateAction: function() { return dataResult() },
            deleteAction: function() { return dataResult() }
        },
        fields: {
            id: {
                key: true,
                create: false,
                edit: false,
                list: false,
                title: 'ID'
            },
            NESNumber: {
                title: 'NES Number',
                edit: false
            }
        }
    });
    
    $tableContainer.jtable('load');
};