JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://www.jtable.org/Scripts/jtable/themes/metro/blue/jtable.css">
<script src="http://www.jtable.org/Scripts/jquery-ui-1.10.0.min.js"></script>
<script src="https://raw.github.com/hikalkan/jtable/master/lib/jquery.jtable.min.js"></script>

 
<div id="PersonTableContainer"></div>

JavaScript

$(document).ready(function () {
        $('#PersonTableContainer').jtable({
            title: 'Table of people',
            actions: {
                listAction: '/GettingStarted/PersonList',
                createAction: '/GettingStarted/CreatePerson',
                updateAction: '/GettingStarted/UpdatePerson',
                deleteAction: '/GettingStarted/DeletePerson'
            },
            fields: {
                PersonId: {
                    key: true,
                    list: false
                },
                Name: {
                    title: 'Author Name',
                    width: '40%'
                },
                Age: {
                    title: 'Age',
                    width: '20%'
                },
                RecordDate: {
                    title: 'Record date',
                    width: '30%',
                    type: 'date',
                    create: false,
                    edit: false
                }
            }
        });
    });