Best jQuery Tables Plugins & Tutorials with Demo

jQuery: Calculate sum of all textbox values in a Table Column

jQuery: Calculate sum of all textbox values in a Table Column

This article explains how to calculate the total of all textboxes values in a table column. Inshort on text change event, we calculate the sum of all input values entered in the table column, i.e., whenever the user enters any values or modifies the value to any of the given textbox will calculate and display the total sum of it.

getTable : jQuery Plugin for easy getting Table Cells

getTable : jQuery Plugin for easy getting Table Cells

The simple jQuery Plugin for easy getting the table cells that are positioned on the horizontal line, the vertical line or both lines that pass through the target cell.

TableExport : jQuery plugin to export HTML tables to XLS, CSV, TXT

The simple, easy-to-implement jQuery plugin to export HTML tables to xlsx, xls, csv, and txt files.

rsLiteGrid : jQuery Easly input Tabular data using Keyboard

rsLiteGrid : jQuery Easly input Tabular data using Keyboard

Easly input tabular data using only your keyboard.

Features:

  • Optional minimum and/or maximum number of rows;
  • Configurable markup and tabstop for each column;
  • Use cursor keys, Tab, Shift+Tab to navigate across all the columns and rows;
  • Data can be imported/exported from/to Json;
  • Strong event driven support;
  • Rows can be added or removed asynchronously after an ellapsed time. Ideal for CSS3 animations;
  • Small footprint.

Mark : jQuery Keyword Highlighting Plugin

Mark : jQuery Keyword Highlighting Plugin

jQuery keyword highlighting. Highlight text with diacritics, synonyms, custom elements, custom class names, separate word search (multiple terms), filter selectors, word boundary and iframe support. Compatible with DataTables.

jQuery Scroll Indicator

jQuery Scroll Indicator

jQuery scroll indicator is a fade effect and arrows for responsive tables and iframes.

nestedGrid : jQuery Nested Grid Plugin

nestedGrid : jQuery Nested Grid Plugin

A jQuery plugin that let you display nested grid(table).

FancyGrid : jQuery Grid library

FancyGrid : jQuery Grid library

FancyGrid is JavaScript grid library with charts integration and server communication.

Massive number of features: Paging, Sorting, Ajax data, Files data, REST communication with server, Integration (data binding) with charts, Theming, Touch Support, AngularJS directive and more.

easyTable : Simple jQuery Table Plugin

easyTable : Simple jQuery Table Plugin

This small plugin for tables allow you to sort,search by all columns or just a specific,allow to select using shift and ctrl keys and  use scroll with fixed header, like the name, it’s easy to use and customize.

  • Sort asc – desc
  • Filter by Numbers and Text
  • Select all/clear
  • Select using shift arrow up or arrow down
  • Select using crtl + click
  • Fixed header with scroll
  • Easy disable and customize methods
  • Get the values of selected columns

Products Comparison Table with CSS & jQuery

Products Comparison Table with CSS & jQuery

A responsive table to compare and filter through multiple products with css and jquery.