JSFiddle - React, Tailwind, and code Playground

by eddie_d_2000

HTML

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jsgrid/1.5.3/jsgrid.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jsgrid/1.5.3/jsgrid-theme.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jsgrid/1.5.3/jsgrid.min.js"></script>
<div id="jsGrid">
</div>

JavaScript

$("#jsGrid").jsGrid({
height: "90%",
width: "100%",
filtering: true,
editing: true,
sorting: true,
paging: true,
autoload: false,
pageSize: 15,
pageButtonCount: 5,
deleteConfirm: "Do you really want to delete the client?",
data: [
{ Name: "Corey" },
{ Name: "David" }
],
fields: [
{ name: "Name", type: "text", width: 150 },
// { name: "Age", type: "number", width: 50 },
// { name: "Address", type: "text", width: 200 },
// { name: "Country", type: "select", items: db.countries, valueField: "Id", textField: "Name" },
// { name: "Married", type: "checkbox", title: "Is Married", sorting: false },
// { type: "control" }
]
});