Datatable plugins

Datatable plugins DEFAULT

npm

This repository contains a collection of plug-ins for the jQuery DataTables table enhancer. These plug-ins are feature enhancing for the DataTables library, adding extra options to core functionality such as additional sort algorithms, API methods and pagination controls. The plug-ins should not be confused with DataTables "extensions" which are more significant software libraries which add additional features to DataTables.

This repository holds the following plug-in types for DataTables (among others):

  • Sorting
    • Type based
    • Custom data source based
  • API
  • Filtering
  • Internationalisation translations
  • Type detection
  • Pagination

Please refer to the DataTables plug-in documentation for details on how to use these plug-ins.

Internationalisation

In the case of i18n Plugins, we ask that you don't create a pull request and instead make use of the management system that we have in place for this on our website. Changes there will be synced up to this repo.

Sours: https://www.npmjs.com/package/datatables.net-plugins

Datatables

This Moodle plugin allows for enhancing HTML tables with DataTables features such as in-browser sorting and filtering of table values.

Examples

To add basic DataTables filtering and sorting to the tables generated by the Ad Hoc Database Queries plugin, add a javascript/datatables.js file to your theme with this content:

and add this to the admin theme's config.php:

The above general scheme allows one to apply DataTables to any table in the moodle core or plugins as long as one can construct the necessary CSS/jQuery selector to select those tables.

See test.php for an example plugin page that employs DataTables. The simplest case adds this to the page definition:

Any table with the  class (matching the  selector above) will get default DataTables features. The second parameter allows for passing options to DataTables, just an empty  in this case.

Screenshots

Screenshot #0

Contributors

Please login to view contributors details and/or to contact them

Sours: https://moodle.org/plugins/view.php?plugin=tool_datatables&moodle_version=23
  1. Duncan aviation parts
  2. Samsung s5 contacts
  3. Freebitco.in auto roll
  4. Grapevine stabbing
  5. 2018 f150 badges

Examples


DataTables has provided a large number of plug-ins, and we have integrated a subset of them in DT. You may enable plug-ins via the argument of , e.g. . If you find any plug-ins that you are interested in but are not listed here, you may file a feature request using Github issues. Currently these plug-ins have been integrated into DT:

  • dataRender
  • features
    • scrollResize
    • searchHighlight
  • pagination
    • ellipses
    • extjs
    • four_button
    • full_numbers_no_ellipses
    • input
    • scrolling
    • select
    • simple_incremental_bootstrap
    • simple_numbers_no_ellipses
  • sorting

Please note the plug-ins for filtering and sorting may not work for server-side processing, e.g. when you render tables in Shiny.

Here is an example of the plug-in for natural sorting. Compare the last column of the two tables after sorting:

Sours: https://rstudio.github.io/DT/plugins.html
In-Place Editing in DataTable with X-Editable using PHP Ajax

Add advanced interaction controls
to your HTML tables the free & easy way

Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800Garrett WintersAccountantTokyo632011/07/25$170,750Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060Airi SatouAccountantTokyo332008/11/28$162,700Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600Jena GainesOffice ManagerLondon302008/12/19$90,560Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750Michael SilvaMarketing DesignerLondon662012/11/27$198,500Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000Gloria LittleSystems AdministratorNew York592009/04/10$237,500Bradley GreerSoftware EngineerLondon412012/10/13$132,000Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000Caesar VancePre-Sales SupportNew York212011/12/12$106,450Doris WilderSales AssistantSydney232010/09/20$85,600Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000Gavin JoyceDeveloperEdinburgh422010/12/22$92,575Jennifer ChangRegional DirectorSingapore282010/11/14$357,650Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000Shou ItouRegional MarketingTokyo202011/08/14$163,000Michelle HouseIntegration SpecialistSydney372011/06/02$95,400Suki BurksDeveloperLondon532009/10/22$114,500Prescott BartlettTechnical AuthorLondon272011/05/07$145,000Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500Hope FuentesSecretarySan Francisco412010/02/12$109,850Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500Timothy MooneyOffice ManagerLondon372008/12/11$136,200Jackson BradshawDirectorNew York652008/09/26$645,750Olivia LiangSupport EngineerSingapore642011/02/03$234,500Bruno NashSoftware EngineerLondon382011/05/03$163,500Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575Thor WaltonDeveloperNew York612013/08/11$98,540Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500Serge BaldwinData CoordinatorSingapore642012/04/09$138,575Zenaida FrankSoftware EngineerNew York632010/01/04$125,250Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650Cara StevensSales AssistantNew York462011/12/06$145,600Hermione ButlerRegional DirectorLondon472011/03/21$356,250Lael GreerSystems AdministratorLondon212009/02/27$103,500Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000Michael BruceJavascript DeveloperSingapore292011/06/27$183,000Donna SniderCustomer SupportNew York272011/01/25$112,000
Sours: https://datatables.net/

Plugins datatable

Free jQuery data table Plugins

All the Free jQuery Plugins about 'data table' are listed here.

Full-featued CRUD Data Grid Component - tui.grid
DemoDownload

Full-featued CRUD Data Grid Component - tui.grid

- Table - 13510 Views

tui.grid is a robust data grid component helps you dynamically render larger data in a performant, feature-rich data grid in a minute.

<b>Excel-like CRUD Data Grid Library - Handsontable</b>
DemoDownload

Excel-like CRUD Data Grid Library - Handsontable

- Table - 66783 Views

handsontable is a powerful, flexible, feature-rich, Excel-like CRUD data grid/table library for JavaScript, Angular, React, and Vue.js.

<b>Dynamic CRUD Data Grid Library - appendGrid</b>
DemoDownload

Dynamic CRUD Data Grid Library - appendGrid

- Table - 82129 Views

appendGrid is a powerful jQuery table plugin that turns the standard html table into adynamic and editable data grid. You can add, remove, edit, move up, move down records

Performant Data Table Plugin With jQuery - dgtable
DemoDownload

Performant Data Table Plugin With jQuery - dgtable

- Table - 808 Views

A performant, customizable, dynamic data table jQuery plugin for presenting large data set in a sortable, filterable, scrollable, and draggable table view.

Load Data Asynchronously In Data Table - jQuery ajaxTable
DemoDownload

Load Data Asynchronously In Data Table - jQuery ajaxTable

- Table - 1075 Views

A feature-rich and AJAX-enabled data table jQuery plugin that loads & displays data asynchronously from a specific data source.

7 Best Spreadsheet-like Data Grid Libraries In JavaScript (2021 Update)
DemoDownload

7 Best Spreadsheet-like Data Grid Libraries In JavaScript (2021 Update)

- jQuery Script Blog - 9094 Views

7 best JavaScript data table libraries that help developers convert a regular HTML table into a spreadsheet-like data grid for organization, analysis and storage of data in tabular form.

Convert HTML Table Into Spreadsheet - jQuery sheetjs
DemoDownload

Convert HTML Table Into Spreadsheet - jQuery sheetjs

- Table - 1609 Views

A jQuery plugin that converts large HTML tables into spreadsheet-style data grids for better display and manipulation of tabular data.

<b>Dynamic Spreadsheet-like Data Grid - jExcel</b>
DemoDownload

Dynamic Spreadsheet-like Data Grid - jExcel

- Table - 40218 Views

A powerful jQuery and Vanilla JavaScript plugin which lets you dynamically generate a spreadsheet like CRUD data grid (table) from local JS data or even JSON, CSV, XSLX files.

10 Best Data Table/Grid Systems In JavaScript (2021 Update)
DemoDownload

10 Best Data Table/Grid Systems In JavaScript (2021 Update)

- jQuery Script Blog - 10456 Views

10 best jQuery & Vanilla JavaScript plugin to generate flexible, dynamic data tables (data grids) on the web applications.

<b>Feature-rich Data Table Plugin For Bootstrap 5/4/3/2</b>
DemoDownload

Feature-rich Data Table Plugin For Bootstrap 5/4/3/2

- Table - 33437 Views

Bootstrap Table is a responsive, dynamic, extendable, multifunctional, and highly-customizable jQuery data table plugin for Bootstrap 4, Bootstrap 3 and Bootstrap 2.

Sortable Draggable Dynamic Table Plugin - JSIronTable
DemoDownload

Sortable Draggable Dynamic Table Plugin - JSIronTable

- Table - 3748 Views

JSIronTable is a jQuery based dynamic table generator plugin that provides an easy way of adds a sortable & draggable data table to your web app.

Lightweight Dynamic Data Table Plugin For Bootstrap - jQuery Raytable
DemoDownload

Lightweight Dynamic Data Table Plugin For Bootstrap - jQuery Raytable

- Table - 12862 Views

Raytable is a lightweight yet feature-rich jQuery data table / data grid plugin styling with the popular Bootstrap framework.

Easy Data Table Generator with jQuery and JSON - Tabulator
DemoDownload

Easy Data Table Generator with jQuery and JSON - Tabulator

- Table - 38075 Views

Tabulator is a feature-rich jQuery plugin used for generating simple or complex data tables from any JSON data.

Paginate, Filter, And Sort Dynamic Data In A Table - Table Sortable
DemoDownload

Paginate, Filter, And Sort Dynamic Data In A Table - Table Sortable

- Table - 60184 Views

The Table Sortable jQuery plugin helps you render a customizable dynamic data table from JSON or JavaScript objects, with paginate, live filter, and data sort capabilities.

jQuery Plugin To Duplicate & Resort Table Rows - Dynamicrows
DemoDownload

jQuery Plugin To Duplicate & Resort Table Rows - Dynamicrows

- Table - 2935 Views

Dynamicrows is a small jQuery plugin that makes it possible to clone and remove any element (e.g. form fields) in a table row with just one click.

Easy Dynamic HTML Table Manipulation Plugin - jQuery OliverEditTable
DemoDownload

Easy Dynamic HTML Table Manipulation Plugin - jQuery OliverEditTable

- Table - 2785 Views

An easy HTML table manipulation plugin for dynamically generating an editable, cloneable HTML table from an array of objects containing tabular data.

<b>Powerful jQuery Table Manipulation Plugin - DataTables</b>
DemoDownload

Powerful jQuery Table Manipulation Plugin - DataTables

- Table - 28323 Views

DataTables is a very powerful Jquery Table Plugin for better table manipulation.

Sortable/Editable Table Generator Plugin - jQuery ediTable
DemoDownload

Sortable/Editable Table Generator Plugin - jQuery ediTable

- Table - 6535 Views

ediTable is a lightweight (9kb) jQuery CRUD Table plugin which dynamically renders editable and sortable data tables from plain HTML and/or JSON data.

Full-featured Dynamic Data Table Plugin - Folium
DemoDownload

Full-featured Dynamic Data Table Plugin - Folium

- Table - 4664 Views

Folium is a jQuery data table plugin for creating spreadsheet-like CRUD data grids with sorting, filtering, pagination, and custom cell rendering support.

Excel-like Interactive Table With Keyboard Navigation - Tablenav
DemoDownload

Excel-like Interactive Table With Keyboard Navigation - Tablenav

- Table - 8360 Views

tablenav is a very small jQuery plugin for creating spreadsheet-like data table with input fields and keyboard navigation support just like the Microsoft Excel.

Spreadsheet-like Data Grid With Cell Editing - rsLiteGrid
DemoDownload

Spreadsheet-like Data Grid With Cell Editing - rsLiteGrid

- Table - 2711 Views

rsLiteGrid is a simple, dynamic, editable data table plugin where the users are able to edit/save cell content just like in a spreadsheet.

Dynamically Add/Remove Table Rows Using jQuery - rowfy
DemoDownload

Dynamically Add/Remove Table Rows Using jQuery - rowfy

- Table - 6881 Views

rowfy is a jQuery plugin that creates a new column containing Add/Subtract buttons in the html table. Your users are able to dynamically duplicate/remove table rows by clicking the +/- buttons.

AJAX Based CRUD Table Plugin For jQuery - jtable
DemoDownload

AJAX Based CRUD Table Plugin For jQuery - jtable

- Table - 17386 Views

jtable is a jQuery plugin that automatically creates HTML table and loads records from server using AJAX.

Navigate Between Table Cells Using Arrow Keys - Arrow Table
DemoDownload

Navigate Between Table Cells Using Arrow Keys - Arrow Table

- Form - 7811 Views

Arrow Table is a jQuery plugin for editable tables that enable the user to navigate between table cells containing input fields (or any other trigger elements) using arrow keys.

Spreadsheet-style Data Table Plugin For jQuery - Dynamic Table
DemoDownload

Spreadsheet-style Data Table Plugin For jQuery - Dynamic Table

- Table - 9678 Views

A dynamic, AJAX-driven, Spreadsheet-style data table plugin with jQuery that features filtering, sorting, cell editing, performant scrolling and more.

Dynamic CRUD Data Grid Plugin With jQuery - Quickgrid
DemoDownload

Dynamic CRUD Data Grid Plugin With jQuery - Quickgrid

- Table - 11066 Views

A powerful jQuery data grid plugin which dynamically parses and presents your JSON data (or JS arrays/objects) in a filterable, editable, sortable and paginatable CRUD data table.

Feature-rich Dynamic Data Grid Plugin - editable-grid
DemoDownload

Feature-rich Dynamic Data Grid Plugin - editable-grid

- Table - 5489 Views

editable-grid is a jQuery plugin used to dynamically render a complex, multi-functional, CRUD data grid using Bootstrap's table component.

Excel-Like jQuery Data Table Plugin - xTab
DemoDownload

Excel-Like jQuery Data Table Plugin - xTab

- Table - 17558 Views

xTab is a jQuery plugin extends the standard Html table to make it behave like a Microsoft Office Excel-like spreadsheet.

Excel Style Editable Table Plugin With jQuery - Excel Table
DemoDownload

Excel Style Editable Table Plugin With jQuery - Excel Table

- Table - 10413 Views

Excel Table is a jQuery plugin which converts a standard HTML table into an Excel-style spreadsheet with support for edit, paste, undo, drag-to-copy, etc.

Powerful Data Grid Plugin For Bootstrap - jQuery Bootgrid
DemoDownload

Powerful Data Grid Plugin For Bootstrap - jQuery Bootgrid

- Table - 16392 Views

Bootgrid is a lightweight yet flexible, powerful jQuery plugin used to render a dynamic, AJAX enabled, highly customizable data grid for Bootstrap pages.

Versatile Data Table jQuery Plugin For Bootstrap - bsTable
DemoDownload

Versatile Data Table jQuery Plugin For Bootstrap - bsTable

- Table - 3263 Views

bsTable is a jQuery plugin for handling tabular data that enables you to create Bootstrap-styled searchable/filterable/sortable/downloadable data tables with ease.

Easy Inline Editor For HTML Tables - jQuery fullTable
DemoDownload

Easy Inline Editor For HTML Tables - jQuery fullTable

- Table - 18194 Views

fullTable is jQuery plugin that lets you create a dynamic CRUD (create, read, update, delete) table with sorting, filtering, input validation and client side value processing.

Dynamic Data Grid Plugin For Bootstrap - jQuery bbGrid
DemoDownload

Dynamic Data Grid Plugin For Bootstrap - jQuery bbGrid

- Table - 7605 Views

bbGrid is a jQuery plugin for Bootstrap that lets you render dynamic data grids from JSON data, with support for pagination, searching, filtering and collapsing/expanding.

Ajax-enabled Dynamic Data Table Plugin - jQuery zoiaTable
DemoDownload

Ajax-enabled Dynamic Data Table Plugin - jQuery zoiaTable

- Table - 3305 Views

zoiaTable is a jQuery plugin for rending a dynamic AJAX data table with support for pagination, sorting, filtering and client/server side value processing.

Flexible Data Table Plugin With jQuery And PHP - OpenDataTable
DemoDownload

Flexible Data Table Plugin With jQuery And PHP - OpenDataTable

- Table - 9372 Views

OpenDataTable is a jQuery plugin used to render flexible, dynamic, sortable, searchable, pagintable, editable data tables from PHP & MySQL data sources.

Enable CRUD Operations Inside HTML Table - jQuery dynamicTable
DemoDownload

Enable CRUD Operations Inside HTML Table - jQuery dynamicTable

- Table - 13330 Views

A lightweight jQuery CRUD data table plugin which allows the user to add/remove/edit/export tabular data in a dynamic HTML table.

Lightweight Dynamic Data Table Plugin For jQuery - dataTable.js
DemoDownload

Lightweight Dynamic Data Table Plugin For jQuery - dataTable.js

- Table - 4639 Views

A lightweight, easy-to-use jQuery plugin for generating a dynamic data table with support for pagination, filtering, ajax loading, live editing and more.

Pivot Table Generator With jQuery And JSON Data - createTableJSON
DemoDownload

Pivot Table Generator With jQuery And JSON Data - createTableJSON

- Table - 9728 Views

createTableJSON is a jQuery plugin that enables you to dynamically render complex pivot tables from local or external JSON data.

Spreadsheet-like Tabular Data Manipulation Plugin - Tabular Input
DemoDownload

Spreadsheet-like Tabular Data Manipulation Plugin - Tabular Input

- Table - 6641 Views

Tabular Input is a jQuery plugin that generates a Spreadsheet-like data table / grid with specific number of rows/columns and input fields.

Flat AJAX/JSON Table Plugin With jQuery - Table Populator
DemoDownload

Flat AJAX/JSON Table Plugin With jQuery - Table Populator

- Table - 13227 Views

Table Populator is a dynamic table plugin for rendering a flat style data table with pagination, filtering and sorting using remote data via AJAX request.

Minimal Paginatable Data Grid Plugin For jQuery - H Grid
DemoDownload

Minimal Paginatable Data Grid Plugin For jQuery - H Grid

- Table - 2317 Views

H Grid is a really small (~3kb minified) jQuery plugin used to render a high-performance data grid from any JSON / JS data, with custom pagination support.

JSON API Driven CRUD Data Table Plugin With jQuery - Cruddy
DemoDownload

JSON API Driven CRUD Data Table Plugin With jQuery - Cruddy

- Table - 10672 Views

Cruddy is a jQuery & Bootstrap plugin used to assist with JSON API driven CRUD tasks.

Feature-rich Responsive Data Grid Plugin With jQuery - Grid.js
DemoDownload

Feature-rich Responsive Data Grid Plugin With jQuery - Grid.js

- Table - 9207 Views

Grid.js is a customizable jQuery data grid plugin that features inline editing, AJAX loading, responsive design, paging, sorting, top toolbar and collapsible grid rows.

Dynamic Table Operation Plugin With jQuery - Tabullet
DemoDownload

Dynamic Table Operation Plugin With jQuery - Tabullet

- Table - 12673 Views

Tabullet is a simple, lightweight jQuery plugin which provides basic table operations (add / delete / edit rows) on your html table.

Minimal Dynamic Data Table Plugin For jQuery - Smart Table
DemoDownload

Minimal Dynamic Data Table Plugin For jQuery - Smart Table

- Table - 2965 Views

Smart Table is an ultra-light jQuery data table plugin for presenting tabular data with built-in sorting, pagination and filtering options.

Simple Flexible jQuery Data Table Plugin - datagrid.js
DemoDownload

Simple Flexible jQuery Data Table Plugin - datagrid.js

- Table - 4390 Views

datagrid.js is a simple, extendable and Bootstrap-compatible jQuery data table plugin which helps you render dynamic data grids with pagination, filtering and sorting.

jQuery Plugin For Bootstrap Based Data Table - Bootstrap Data Table
DemoDownload

jQuery Plugin For Bootstrap Based Data Table - Bootstrap Data Table

- Table - 49176 Views

A small yet robust jQuery plugin to make a dynamic Bootstrap data table with support for filtering, pagination and sorting.

Easy jQuery Table Manipulation Plugin - table.js
DemoDownload

Easy jQuery Table Manipulation Plugin - table.js

- Table - 9597 Views

A jQuery data table plugin for table data manipulation that features inline editing, keyboard navigation, data serialization, data formatting and much more.

Simple jQuery Editable Table Plugin For Semantic UI
DemoDownload

Simple jQuery Editable Table Plugin For Semantic UI

- Table - 22521 Views

A jQuery based table plugin that uses Semantic UI to create a nice looking editable data table on your web application.

jQuery Plugin To Convert CSV File Into Data Table
DemoDownload

jQuery Plugin To Convert CSV File Into Data Table

- Table - 19449 Views

A JavaScript library that uses jQuery CSV to parse your CSV file and convert data into a searchable, filterable, sortable data table based on jQuery datatables plugin.

jQuery Plugin For Generating Google Charts From Tables - Chartinator
DemoDownload

jQuery Plugin For Generating Google Charts From Tables - Chartinator

- Chart & Graph - 7314 Views

Chartinator is a jQuery data visualization plugin that makes use of Google Charts to render a variety of charts from existing table content.

jQuery Plugin To Convert JSON Data Into Html Tables - MounTable
DemoDownload

jQuery Plugin To Convert JSON Data Into Html Tables - MounTable

- Table - 18716 Views

MounTable is a lighweight jQuery plugin which automatically converts user provided JSON objects into an editable Html table / spreadsheet for further use.

jQuery Plugin To Generate Google Charts From Tables - gvChart
DemoDownload

jQuery Plugin To Generate Google Charts From Tables - gvChart

- Chart & Graph - 5339 Views

gvChart is a minimal yet accessibility jQuery plugin that renders interactive Google charts from existing data tables to visualize data on your website.

jQuery Plugin To Generate A Table From A CSV File - CSV Parser
DemoDownload

jQuery Plugin To Generate A Table From A CSV File - CSV Parser

- Table - 42845 Views

CSV Parser is a minimal jQuery based CSV reader that generates a data table from a CSV file on your web page.

jQuery Editable Data Table with Custom Fields
DemoDownload

jQuery Editable Data Table with Custom Fields

- Table - 50963 Views

Custom Fields is a jQuery & Bootstrap based data table which allows you to add, edit or delete custom fields with ease.

Tiny jQuery Plugin For Creating An Editable Table - editTable
DemoDownload

Tiny jQuery Plugin For Creating An Editable Table - editTable

- Table - 12035 Views

A basic jQuery implementation of editable table that help you edit your individual table cells in place.

<b>Simple Data Grid/Table Plugin with jQuery and Bootstrap</b>
DemoDownload

Simple Data Grid/Table Plugin with jQuery and Bootstrap

- Table - 37706 Views

A simple jQuery plugin to creates a nice looking data grid/table from an ajax data source (JSON Data), built upon of jQuery, jQuery UI and Bootstrap3.

<b>Stylish Editable Table Plugin with jQuery and Bootstrap 2/3 - Editable Table</b>
DemoDownload

Stylish Editable Table Plugin with jQuery and Bootstrap 2/3 - Editable Table

- Table - 45954 Views

Editable Table is a table manipulation plugin that turns a standard Html table into a responsive in-place editable spreadsheet with input validation based on jQuery and bootstrap 2/3.

jQuery Plugin To Convert JSON Data Into Data Grid - Columns
DemoDownload

jQuery Plugin To Convert JSON Data Into Data Grid - Columns

- Table - 33065 Views

Columns is a powerful & ajax-enabled jQuery plugin that converts JSON data into a filterable, searchable and paginated data grid.

Windows 8 Style jQuery Data Table Decorator - Metreaux Tables
DemoDownload

Windows 8 Style jQuery Data Table Decorator - Metreaux Tables

- Table - 5344 Views

Metreaux Tables is a jQuery plugin to create nice, clean, themeable, andmodern Windows 8 UI Style data tables with the power of DataTables jQuery javascript library.

jQuery Plugin For Data Table Filting and Selecting - checkit
DemoDownload

jQuery Plugin For Data Table Filting and Selecting - checkit

- Table - 8285 Views

checkit is a jQuery plugin for advanced data filtering and selecting tool to improve the manipulation experience of the data table with huge data.

Style and Manipulate Data Tables -  tablecloth
DemoDownload

Style and Manipulate Data Tables - tablecloth

- Table - 4929 Views

tablecloth is a jQuery Plugin that enables to style and manipulate data tables using CSS and JS bootstrap.

Sours: https://www.jqueryscript.net/tags.php?/data%20table/
Jquery Datatable Tutorial - How to add Copy - Excel - PDF Button

Plug-ins

While it is quite simple to create a custom button with Buttons, if you have a complex button that you wish to reuse the logic from for multiple buttons you may wish to define a plug-in button type. This is simply done by attaching your new button to the object. Give the button the name that you wish to use to refer to it in the option. The object assigned should contain whatever parameters you require for your button.

This simple example shows an button type being defined which is then used for three different buttons. Each has custom text, but the method is shared between them.

NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSydney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSydney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
  • Javascript
  • HTML
  • CSS
  • Ajax
  • Server-side script

The Javascript shown below is used to initialise the table shown in this example:

In addition to the above code, the following Javascript library files are loaded for use in this example:

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

This example uses a little bit of additional CSS beyond what is loaded from the library files (below), in order to correctly display the table. The additional CSS used is shown below:

The following CSS library files are loaded for use in this example to provide the styling of the table:

This table loads data by Ajax. The latest data that has been loaded is shown below. This data will update automatically as any additional data is loaded.

Other examples

Sours: https://datatables.net/extensions/buttons/examples/initialisation/plugins

Similar news:

DataTables Plugins

This repository contains a collection of plug-ins for the jQuery DataTables table enhancer. These plug-ins are feature enhancing for the DataTables library, adding extra options to core functionality such as additional sort algorithms, API methods and pagination controls. The plug-ins should not be confused with DataTables "extensions" which are more significant software libraries which add additional features to DataTables.

This repository holds the following plug-in types for DataTables (among others):

  • Sorting
    • Type based
    • Custom data source based
  • API
  • Filtering
  • Internationalisation translations
  • Type detection
  • Pagination

Please refer to the DataTables plug-in documentation for details on how to use these plug-ins.

Internationalisation

In the case of i18n Plugins, we ask that you don't create a pull request and instead make use of the management system that we have in place for this on our website. Changes there will be synced up to this repo.

Sours: https://github.com/DataTables/Plugins


797 798 799 800 801