Mobius1 / Vanilla Datatables
Licence: mit
A lightweight, dependency-free javascript HTML table plugin
Stars: ✭ 314
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Vanilla Datatables
Bunny
BunnyJS - Lightweight native (vanilla) JavaScript (JS) and ECMAScript 6 (ES6) browser library, package of small stand-alone components without dependencies: FormData, upload, image preview, HTML5 validation, Autocomplete, Dropdown, Calendar, Datepicker, Ajax, Datatable, Pagination, URL, Template engine, Element positioning, smooth scrolling, routing, inversion of control and more. Simple syntax and architecture. Next generation jQuery and front-end framework. Documentation and examples available.
Stars: ✭ 473 (+50.64%)
Mutual labels: datatable, vanilla-js, vanilla-javascript
bs-breakpoints
A plugin which detect Bootstrap 4 breakpoints and emit when there is a change
Stars: ✭ 22 (-92.99%)
Mutual labels: vanilla-javascript, vanilla-js
periodic-table.io
periodic-table.io
Stars: ✭ 37 (-88.22%)
Mutual labels: vanilla-javascript, vanilla-js
tabbis.js
Pure vanilla javascript tabs with nesting
Stars: ✭ 44 (-85.99%)
Mutual labels: vanilla-javascript, vanilla-js
Reactgrid
Add spreadsheet-like behavior to your React app
Stars: ✭ 289 (-7.96%)
Mutual labels: table, datatable
tablist
WAI-ARIA tab plugin without dependencies.
Stars: ✭ 21 (-93.31%)
Mutual labels: vanilla-javascript, vanilla-js
vanilla-js-drawer
A dependency-free Vanilla JS drawer. No dependencies, no automation build tools.
Stars: ✭ 20 (-93.63%)
Mutual labels: vanilla-javascript, vanilla-js
eins-modal
Simple to use modal / alert / dialog / popup. Created with pure JS. No javascript knowledge required! Works on every browser and device! IE9
Stars: ✭ 30 (-90.45%)
Mutual labels: vanilla-javascript, vanilla-js
bwt-datatable
Data table with Polymer 3 support!
Stars: ✭ 43 (-86.31%)
Mutual labels: table, datatable
vanillajs-hello
Start a VanillaJS website using WebPack in just 30 seconds: HTML,CSS,Babel,SASS,Bootstrap,Prettier,Gitpod
Stars: ✭ 24 (-92.36%)
Mutual labels: vanilla-javascript, vanilla-js
Material Table
Datatable for React based on material-ui's table with additional features
Stars: ✭ 3,198 (+918.47%)
Mutual labels: table, datatable
mm-components
Music Markups components
Stars: ✭ 50 (-84.08%)
Mutual labels: vanilla-javascript, vanilla-js
Vanillajs Spa
a simple SPA in vanilla js
Stars: ✭ 265 (-15.61%)
Mutual labels: vanilla-js, vanilla-javascript
event-driven-web-components-realworld-example-app
Exemplary real world application built with Vanilla JS Web Components in an Event Driven Architecture
Stars: ✭ 55 (-82.48%)
Mutual labels: vanilla-javascript, vanilla-js
ag-grid
The best JavaScript Data Table for building Enterprise Applications. Supports React / Angular / Vue / Plain JavaScript.
Stars: ✭ 8,743 (+2684.39%)
Mutual labels: table, datatable
Bs Stepper
A stepper for Bootstrap 4.x
Stars: ✭ 261 (-16.88%)
Mutual labels: vanilla-js, vanilla-javascript
coding challenge-14
Understanding JavaScript and coding without the help of a library or tool
Stars: ✭ 22 (-92.99%)
Mutual labels: vanilla-javascript, vanilla-js
tensorflowjs-remove-background
Remove Background from the picture using WebAssembly & TensorFlow.js
Stars: ✭ 79 (-74.84%)
Mutual labels: vanilla-javascript, vanilla-js
spider-covid-19-viz-3d
Speedy access to the latest, local COVID-19 data with a familiar interface: the Globe
Stars: ✭ 19 (-93.95%)
Mutual labels: vanilla-javascript, vanilla-js
Vanilla-DataTables
fiduswriter/Simple-DataTables
Due to time constraints this repo is no longer maintained. Please use the official fork over atA lightweight, extendable, dependency-free javascript HTML table plugin. Similar to jQuery DataTables, but without the dependencies.
Features
- Sortable columns
- Pagination
- Searchable
- Customisable layout
- Customisable labels
- Customise column rendering
- Load data via AJAX requests
- Export to common formats like
csv
,txt
json
, andsql
- Import
csv
andjson
data - Control column visibility
- Reorder or swap columns
- moment.js integration for sorting columns with datetime strings
- Extentable with custom plugins See the wiki (v1.6.0 and above)
Documentation | Latest Version
Demos
- Default Setup
- Remote Data
- Datetime Strings
- Column Manipulation
- Editor Plugin
- Stress Test
- Programmatic Access
Install
Bower
bower install vanilla-datatables --save
npm
npm install vanilla-datatables --save
Browser
Grab the files from one of the CDNs and include them in your page:
<link href="https://unpkg.com/[email protected]/dist/vanilla-dataTables.min.css" rel="stylesheet" type="text/css">
<script src="https://unpkg.com/[email protected]/dist/vanilla-dataTables.min.js" type="text/javascript"></script>
//or
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/vanilla-dataTables.min.css" rel="stylesheet" type="text/css">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vanilla-dataTables.min.js" type="text/javascript"></script>
You can replace latest
with the required release number.
CDNs courtesy of unpkg and jsDelivr
Quick Start
Then just initialise the plugin by either passing a reference to the table or a CSS3 selector string as the first parameter:
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 paramater:
var dataTable = new DataTable("#myTable", {
searchable: false,
fixedHeight: true,
...
});
Don't forget to check the wiki out for further help.
If this project helps you then you can grab me a coffee or beer to say thanks.
Copyright © 2017 Karl Saunders | MIT license
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].