All Projects → Holt59 → Datatable

Holt59 / Datatable

Licence: mit
Javascript Plugin for data tables creation

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Datatable

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 (+387.63%)
Mutual labels:  datatables, vanilla-javascript
Float Labels.js
A zero-dependency plugin that applies the float label pattern to a form.
Stars: ✭ 91 (-6.19%)
Mutual labels:  vanilla-javascript
Modern Datatables
They are many ways to build reactive web interfaces but do we really need to add the complexity of JavaScript frameworks like Vue.js or React?
Stars: ✭ 48 (-50.52%)
Mutual labels:  datatables
Webcomponents From Zero To Hero
An introduction to writing raw web components.
Stars: ✭ 70 (-27.84%)
Mutual labels:  vanilla-javascript
Essential Vanilla Javascript Functions
Essential Vanilla JavaScript Functions
Stars: ✭ 56 (-42.27%)
Mutual labels:  vanilla-javascript
Just Validate
Lightweight (~4,5kb gzip) form validation in Javascript Vanilla, without dependencies, with customizable rules (including remote validation), customizable messages and customizable submit form with ajax helper.
Stars: ✭ 74 (-23.71%)
Mutual labels:  vanilla-javascript
Spicy Datatable
React.js datatables without jQuery. Smart react datatable that includes search, pagination and localization.
Stars: ✭ 36 (-62.89%)
Mutual labels:  datatables
Particles.js
A lightweight, dependency-free and responsive javascript plugin for particle backgrounds.
Stars: ✭ 1,336 (+1277.32%)
Mutual labels:  vanilla-javascript
Drf Datatable Example Server Side
DataTables Example (server-side) - Python Django REST framework
Stars: ✭ 84 (-13.4%)
Mutual labels:  datatables
Bin
A tiny (<1kb) localStorage and sessionStorage helper library.
Stars: ✭ 70 (-27.84%)
Mutual labels:  vanilla-javascript
Ui Challenges
UI challenges by Semicolon, we accept challenges on twitter on #SemicolonChallenge
Stars: ✭ 69 (-28.87%)
Mutual labels:  vanilla-javascript
Fine Uploader
Multiple file upload plugin with image previews, drag and drop, progress bars. S3 and Azure support, image scaling, form support, chunking, resume, pause, and tons of other features.
Stars: ✭ 8,158 (+8310.31%)
Mutual labels:  vanilla-javascript
Squareup
A sleek and modern startpage
Stars: ✭ 75 (-22.68%)
Mutual labels:  vanilla-javascript
Svelte Simple Datatables
A Datatable component for Svelte
Stars: ✭ 56 (-42.27%)
Mutual labels:  datatables
Bootstrap Simple Admin Template
The most reliable HTML, CSS, and JavaScript simple admin template for developing responsive, mobile first web applications on the web.
Stars: ✭ 92 (-5.15%)
Mutual labels:  datatables
Vanilla Ui Router
Simple vanilla JavaScript router
Stars: ✭ 42 (-56.7%)
Mutual labels:  vanilla-javascript
Yii2 Datatables
Yii2 Widget for DataTables jQuery plug-in
Stars: ✭ 67 (-30.93%)
Mutual labels:  datatables
Clinicmanagement
Clinic management project using Asp.net mvc5
Stars: ✭ 74 (-23.71%)
Mutual labels:  datatables
Vanilla Semantic Ui
Semantic UI component framework without jQuery
Stars: ✭ 97 (+0%)
Mutual labels:  vanilla-javascript
Nipplejs
🎮 A virtual joystick for touch capable interfaces.
Stars: ✭ 1,313 (+1253.61%)
Mutual labels:  vanilla-javascript

Datatable v2.0.0

Software License

Datatable is a javascript plugin for dynamic datatables with pagination, filtering and ajax loading. This plugin does not require jQuery any longer since version 2.0.0.

How to use?

Datatable is quite simple to use. Just add the CSS and Javascript files to your page:

<script type="text/javascript" src="js/datatable.min.js"></script>

And run:

var datatable = new DataTable(document.getElementById('MyTable'), {
    pageSize: 15,
    sort: '*'
});

datatable.loadPage(3);
var data = datatable.all();
datatable.deleteAll(function (e) {
    return e.title.trim().length > 0;
});

If you use jQuery:

<script type="text/javascript" src="js/jquery.min.js"></script> 
<script type="text/javascript" src="js/datatable.min.js"></script>
<script type="text/javascript" src="js/datatable.jquery.min.js"></script>

And run:

$('#MyTable').datatable({
    pageSize: 15,
    sort: '*'
}) ;

$('#MyTable').datatable('page', 3);
var data = $('#MyTable').datatable('select');
$('#MyTable').datatable('delete', function (e) {
    return e.title.trim().length > 0;
});

Note: If you are using bootstrap, use datatable-boostrap.css instead of datatable.css.

The full plugin documentation is available here: http://holt59.github.io/datatable

Warning: If you use bootstrap 2, you need to manually set the pagingListClass and pagingDivClass options to match bootstrap 2 pagination classes.

Copyright and license

The MIT License (MIT)

Copyright (c) 2016, Mikaël Capelle.

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

See 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].