https://github.com/intuition-dev/mbvanilladatatables
vanillaDataTables
https://github.com/intuition-dev/mbvanilladatatables
Last synced: 4 months ago
JSON representation
vanillaDataTables
- Host: GitHub
- URL: https://github.com/intuition-dev/mbvanilladatatables
- Owner: intuition-dev
- License: mit
- Created: 2019-09-26T21:23:48.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2020-02-21T14:13:54.000Z (over 6 years ago)
- Last Synced: 2024-12-31T03:26:56.281Z (over 1 year ago)
- Language: TypeScript
- Homepage:
- Size: 64.5 KB
- Stars: 0
- Watchers: 4
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# vanillaDataTables
---
A lightweight, extendable table plugin.
Forked from https://github.com/Mobius1/Vanilla-DataTables:
### Quick Start
Then just initialise the plugin by either passing a reference to the table or a CSS3 selector string as the first parameter:
```javascript
var myTable = document.querySelector("#myTable");
var dataTable = new DataTable(myTable);
// or
var dataTable = new DataTable("#myTable");
```
You can also pass the options object as the second parameter:
```javascript
var dataTable = new DataTable("#myTable", {
searchable: false,
fixedHeight: true,
...
});
```
Old example: https://codepen.io/Mobius1/pen/VadmKb
Don't forget to check the [old wiki](https://github.com/Mobius1/Vanilla-DataTables/wiki).
---
### Features
* Sortable columns
* Pagination
* Searchable
* Customisable layout
* Customisable labels
* Customise column rendering
* Export to common formats like `csv`, `txt` `json`, and `sql`
* Control column visibility
* Reorder or swap columns
[Old Documentation](https://github.com/Mobius1/Vanilla-DataTables/wiki)
---
### Old Demos
* [Default Setup](https://codepen.io/Mobius1/pen/VadmKb)
* [Remote Data](https://codepen.io/Mobius1/pen/XaRepW?editors=0010)
* [Datetime Strings](https://codepen.io/Mobius1/pen/jwXPKN?editors=0010)
* [Column Manipulation](https://codepen.io/Mobius1/pen/WEmGwJ?editors=0010)
* [Editor Plugin](https://s.codepen.io/Mobius1/debug/rGpMMY)
* [Stress Test](https://s.codepen.io/Mobius1/pen/qjLaKd)
* [Programmatic Access](https://s.codepen.io/Mobius1/pen/rwGyJa)