- Notifications
You must be signed in to change notification settings - Fork28
a lightweight, dependency-free JavaScript plugin which makes a HTML table interactive
License
jstable/JSTable
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
The JSTable is a lightweight, dependency-free JavaScript plugin which makes a HTML table interactive.
The plugin is similar to thejQuery datatables but without the jQuery dependencies.
The implementation is inspired byVanilla-DataTables. Unlike Vanilla-Datatables this implementation is using the in ES6 introducedclasses.
Additionally JSTable includes the possibility for server side rendering, which is inspired byjQuery datatables.
You can get more information about the usage onhttps://jstable.github.io/.
- Clone thegithub repository
- Include the stylesheet and JavaScript files from the
distfolder:
<link rel="stylesheet" type="text/css" href="/dist/jstable.css"><script type="text/javascript" src="/dist/jstable.min.js"></script>- If the target browser does not support not all ES2015+ features you need to include the
es5version:
<script type="text/javascript" src="/dist/jstable.es5.min.js"></script>- If the target browser does not support fetch you need to include the following polyfills:
<script type="text/javascript" src="/dist/polyfill-fetch.min.js"></script>The HTML table needs athead andtbody section.
<table> <thead> <tr> <th>Name</th> <th>Country</th> <th>Date</th> <th>Number</th> </tr> </thead> <tbody> <tr> <td>Norman Small</td> <td>Tokelau</td> <td>2020-02-01 07:22:40</td> <td>8243</td> </tr> ... </tbody></table>The JSTable can be initialized by passing a reference or a CSS3 selector as string:
let myTable = new JSTable("#basic");or
let table = document.getElementById('basic');let myTable = new JSTable(table);Options can be passed as second argument:
let myTable = new JSTable("#basic", { sortable: true, searchable: false, ...});About
a lightweight, dependency-free JavaScript plugin which makes a HTML table interactive
Topics
Resources
License
Uh oh!
There was an error while loading.Please reload this page.
Stars
Watchers
Forks
Packages0
Uh oh!
There was an error while loading.Please reload this page.
Contributors5
Uh oh!
There was an error while loading.Please reload this page.