JSQL is a pure javascript table manager. It is designed to be used to create advanced graphical table components with front end frameworks like react and vue. To see some of its graphical components see the JSQL-Vue project: https://github.com/db-rdz/JSQL-Vue
Install the jsql-smarttable package through npm:
npm install jsql-smarttable
and then import the package to your project:
import { TableObject } from 'jsql-smarttable';
The constructor of the TableObject class takes as a parameter a single Object. You can pass the desired table information or options within this object. The following example shows all the keys that can be included in the constructor object:
Const clientsTable = new TableObject({
name: 'Clients',
columns: [],
rows: [],
filters: [],
options: {
allowCellEditing: true,
allowCellAdding: true,
allowColumnAdding: true,
allowColumnRemoving: true,
allowRowAdding: true,
allowRowRemoving: true,
allowTableSearching: true,
allowColumnSearching: true,
allowFilterCreation: true,
allowFilterDeletion: true,
allowFiltering: true,
},
});
API docs coming soon...
Examples coming soon...
V1
- Adding
- Adding Columns
- Adding Rows
- Adding Filters // Have some issues
- Deleting
- Deleting Columns
- Deleting Rows
- Deleting Filters
- Editing
- Edit Table Name
- Edit Cells // Have some issues
- Edit Columns
- Edit Filters
- Filtering // Has some issues
- Search
- Search Table
- Search Columns
- Sortable Columns
- Data Validation // Need to include custom Regex validation.
This project is at a beta state and is not ready for production.
MIT License