Plugins: Tables

ActsAsTreeTable

Last changed: 34 weeks 4 days ago

NOTE: This plugin has been renamed to treeTable. ActsAsTreeTable will not be updated after version 1.2.

With this plugin you can display a tree in a table, i.e. a directory structure or a nested list. Each branch in this tree can be collapsed and expanded, just like in a file explorer in most modern operating systems.

Features

- It can display a tree of data in a table column.
- It does this as unobtrusively as possible.
- It allows branches to be collapsed and expanded (think of how a directory structure works in most file explorers).
- It allows unlimited tree depth.

Version	Date	Links	Status
1.2	2008-Nov-03	Download Release notes	Recommended for 1.2.x

Alternate

Last changed: 19 weeks 2 days ago

Assign alternating class names to selected elements (such as <tr> or <li> etc) to allow CSS assignment of colors or other styles of your choice. Excellent plugin for alternating row colors in tables! As a bonus, it will assign a "hover" class to elements if you set hover:true

Version	Date	Links	Status
1	2009-Feb-13	Download Release notes	Recommended for 1.0.x
1.1.1	2009-Feb-19	Download Release notes	Recommended for 1.3.x

Colorize - jQuery Table Plugin

Last changed: 1 day 5 hours ago

Colorize is a jQuery plugin to add background color to alternate table rows, highlight a row/column on mouse over, and colorize a row/column when you click your mouse button over it. You can colorize as many table rows as you want. A repeat mouse click reverts the row to the original background color.

Version	Date	Links	Status
1.5.1	2009-Jul-03	Download Release notes	Recommended for 1.0.x
1.1.0	2008-Jul-12	Download Release notes	Recommended for 1.1.x
1.3.1	2008-Nov-09	Download Release notes	Recommended for 1.2.x
1.5.0	2009-Jun-29	Download Release notes	Recommended for 1.3.x

1.2.x
Tables

Column cell selector

This jQuery plugin adds a new selector to the selector API for retrieving table cells by their column index. It supports tables with column and row spans transparently, no matter how complex a table is. The syntax for selecting column cells is simple and similar to other jQuery selectors. The selector can take several types of arguments for selecting columns, such as keywords, numeric indexes, and equations.

Version	Date	Links	Status
0.13	2009-Jun-02	Release notes	Recommended for 1.3.x

Column Filters

Last changed: 13 weeks 5 days ago

jQuery plugin for a quick way of allowing table columns to be filtered by the user. It will add text box's to the top of each column in a table, by typing into the text box's you can narrow the number of rows in the table down to those that match your search text. It allows for wild cards and a NOT operator (ie show me everything that doesn't match my search text).

Version	Date	Links	Status
1.0.0	2008-May-17	Download Release notes	Recommended for 1.0.x
1.1.0	2008-May-21	Download Release notes	Recommended for 1.2.x
1.1.0	2009-Mar-29	Download Release notes	Recommended for 1.3.x

Tables

Column Hover

Last changed: 1 year 24 weeks ago

Highlights columns in a table when the mouse is hovering over them.

Version	Date	Links	Status
0.1.1	2008-Jan-17	Download Release notes	Recommended for 1.2.x

Tables

Column Manager

Last changed: 1 year 24 weeks ago

Allows to toggle the visibility of table columns (collapsing and expanding them) and to save the state until the next visit (supporting tables with colspans and rowspans).

Version	Date	Links	Status
0.2.5	2008-Jan-17	Download Release notes	Recommended for 1.2.x

Tables

csv2table

Last changed: 24 weeks 5 days ago

This plugin loads a CVS file (e.g. created using Excel) and creates a table with the contents in that CVS file. [ update.txt-> 2009.1.10 / Samples / test where , classifyByCol| testing ThemeRoller ]

== Mini sample 1 ==
<div id="view1"></div>
<script type="text/javascript">
$(function(){
    $('#view1').csv2table('./data/Book12.csv');
});
</script>

==Book12.csv ==
" " ,3,4,5,6,7,8,9,10,11,12,1,2
Test1,30,40,25,45,70,55,80,90,65,95,96,88
Test2,12,15,55,30,70,87,55,30,65,76,50,58
Test3,60,43,58,22,38,47,35,67,88,53,92,98

Version	Date	Links	Status
0.2-b-2.8	2009-Jan-11	Download Release notes	Recommended for 1.2.x

1.2.x
Tables

DataTables

Last changed: 12 weeks 4 days ago

DataTables is a jQuery plugin which lets you very easily add dynamic features to any "table" tags on a web-page, providing the following features:

Variable length pagination
On-the-fly filtering
Sorting with data type detection
Smart handling of column widths
Themeable by CSS
Hidden columns
Extremely customisable and flexible
Fully internationalisable
Dynamic creation of tables
Multi-column sorting
Custom DOM positioning
Single column filtering
Alternative pagination types
Non-destructive DOM interaction
Ajax auto loading of data
Type detection for dynamic data (and plugin support)
State saving
API plug-in mechanism
It's free!
much more...

Version	Date	Links	Status
1.5.0-beta	2009-Mar-12	Download Release notes	Recommended for 1.0.x
1.4.0-beta-7	2009-Feb-15	Download Release notes	Recommended for 1.2.x
1.5.0-beta 7	2009-Apr-06	Download Release notes	Recommended for 1.3.x

Detailsrow

Last changed: 5 weeks 3 days ago

Dynamically add more info to your table

Summary

Jquery.detailsrow adds a subrow to each row dynamically which can be toggled on or off. Data is loaded using ajax based on the arguments passed in the post parameters. The post parameters vary from row to row based on defined attributes in the html like ID or URL.

Check out the examples on the demopage.

Compatibility

Works on all major browsers.

Version	Date	Links	Status
0.1	2009-May-26	Download Release notes	Recommended for 1.3.x

Filterable

Last changed: 37 weeks 5 days ago

Allows the user to apply a textual filter over the children of a specified DOM-element, typically a list or a table. When the plugin is activated against an element, it will add a query input field next to it. As the user enters a string into this input field, the child elements of the target will be either hidden or shown, depending on whether their textual content matches the query text.

Usage

To make all UL-elements with class "filterable" filterable, simply do:

Version	Date	Links	Status
1.0-min	2008-Oct-12	Download Release notes	Recommended for 1.2.x

FireScopeGrid

Last changed: 43 weeks 3 days ago

FireScope Grid is an open source jQuery component that adds datagrid behaviors to your HTML tables, regardless of the server-side technology being used. Included in the plugin is a navigation bar that is automatically appended at the beginning or end of a table that enables users to page through results, filter results by any column or sorted on the fly without need to refresh the entire page.

Version	Date	Links	Status
0.1.3	2008-Sep-02	Download Release notes	Recommended for 1.0.x

Flexigrid for jQuery

A lightweight but rich data grid with resizable columns and a scrolling data to match the headers, plus an ability to connect to an xml based data source to load the content.

Similar in concept with the Ext Grid only its pure jQuery love, which makes it light weight and follows the jQuery mantra of running with the least amount of configuration.

Features

Resizable columns
Resizable height
Sortable column headers
Cool theme
Can convert an ordinary table
Ability to connect to an ajax data source (XML only)
Paging
Show/hide columns
Accessible API
Many more

I'm planning to add an Editable rows and Resortable rows feature, as well as other cool GUI features.

One of my main goal for the plugin is ultimately to keep it lightweight, maybe under 20k when compressed. Because otherwise you should probably stick with Ext Grid or YUI data table.

Support

Version	Date	Links	Status
1.0.2-beta-2	2008-Apr-04	Release notes	Recommended for 1.0.x
1.0.1-beta-1	2008-Mar-27	Release notes	Recommended for 1.2.x

FlyDOM: Create DOM on the Fly

Last changed: 1 year 48 weeks ago

Create DOM elements on the fly and automatically append or prepend them to another DOM object. There are also template functions (tplAppend and tplPrepend) that can take a simple HTML structure and apply a JSON object to it to make creating layouts MUCH easier. This plugin was inspired by "Oslow" [1], and since I could not get his code to work, I decided I write my own plugin. My hope is that this version will be easier to understand and maintain with future versions of jQuery. Update (July 13, 2007): Upgraded FlyDOM to 3.0; visit the FlyDOM homepage for more details.

Version	Date	Links	Status
3.0.6	2007-Jul-17	Download Release notes	Recommended for 1.0.x
3.0.8	2007-Jul-29	Download Release notes	Recommended for 1.1.x

Gaz Tree

Last changed: 1 year 2 weeks ago

Gaz TreeStore and TreeView are two classes that can be used to implement MVC tabular trees in just a couple of lines of Javascript code. While there isn't much documentation right now the example is quite self-explanatory.

Version	Date	Links	Status
0.4	2008-Jun-17	Download Release notes	Recommended for 1.2.x

Tables

graphTable: graph data from HTML table using flot

Last changed: 36 weeks 3 days ago

graphTable provides the ability to graph the data in a simple HTML table using flot.

Please make sure you read the flot readme before you use this plugin, especially if you're wondering about IE compatibility!!

Usage:

$('#myTable').graphTable({series:'columns'});

graphTable() takes up to two objects as arguments: the first is an object with the arguments for graphTable; the second is an object with arguments to be handed off to flot (read more about flot arguments).

The graphTable arguments let you:

choose which parts of the table will be used for the graph data
choose where the graph will go in relation to the table and how big it will be
run a function on cell contents (to remove dollar signs, for example) before passing them to flot

Version	Date	Links	Status
0.2	2008-Oct-21	Download Release notes	Recommended for 1.0.x
0.1.0	2007-Dec-18	Download Release notes	Recommended for 1.2.x

Data
Tables

grider

Grider is a plugin for jQuery that makes your life easier when you need to edit or create a table that handles a list of items. It helps you to do calculations in a very simple way, with very little configuration.

Version	Date	Links	Status
0.7	2009-Jun-30	Release notes	Recommended for 1.3.x

HeatColor

Last changed: 1 year 31 weeks ago

HeatColor is a plugin that allows you to assign colors to elements, based on a value derived from that element. The derived value is compared to a range of values, either determined automatically or passed in, and the element is assigned a "heat" color based on its derived value's position within the range.

You bind a collection of elements such as table rows, divs or list members to heatcolor and let it do the work.

It can find the min and max values of the desired elements, or you can pass them in manually.

Version	Date	Links	Status
0.0.1	2007-Nov-29	Download Release notes	Recommended for 1.0.x

imList

Last changed: 15 weeks 6 days ago

imList is a JQuery plugin that began as a way to ajaxally create html tables using JQuery. After creating the table plugin, I realized that I could apply much of the same functionality to any type of list that is displayed on a web page, to include: ul/ol, comboboxes, lists, and divs. The power of this plugin is it’s regular expression functionality that will allow developers to display anything they wish within a list. I have also built in a delete row capability that can, not only delete the row that is displayed on the web page, but also allow the developer to delete the record from the server (ajaxally, of course).

Version	Date	Links	Status
1.0	2009-Mar-14	Download Release notes	Recommended for 1.3.x

jBind (Bind Data To Template)

Last changed: 19 weeks 2 days ago

This is a Templating system for jQuery which will not using any parsing method. and you are not forced to pass specific type of data. You can pass any kinds of object or array and the templating system will handle it well.
You can bind any complex data to any template.
Now there are many samples available at here
Here is jBind sample in simplest data format.

$(template).bind(data);

template is something like this

<div>
    <!--data-->
        <div class="block" id='{id}'>
            <b>{name} {family}</b>, <i>[ Birthdate: {birthdate} ]</i>
        </div>
    <!--data-->
</div>

and data is

var data = {
	id:1,
	name:'Scott',
	family:'Adams',
	birthdate: 'June 8 1957'
};

or you can use more complex formats.
It also support no template for binding data to part of your html once and show it.

Version	Date	Links	Status
1.5.3	2009-Jan-30	Download Release notes	Recommended for 1.0.x
1.5.7	2009-Feb-18	Download Release notes	Recommended for 1.2.x

JGridEditor

Last changed: 2 weeks 6 days ago

Easy to use grid editor, that enables input editing cell and ajax posting.

1. Include the jquery.jgrideditor.js java script file
2. Define a DIV area where your editable table will be place

2. Include the following code in your JQuery Ready function:
jQuery(document).ready(function() { ... jQuery('#dyntable').jgrideditor({ getURL : 'localhost:8080/table1', postURL : 'localhost:8080/ajax_updatecell', getMsg : 'Loading...', postMsg : 'Saving...', title : '', cols : [ {id: 'hour', label: 'Hour', editable: false, type: '', width: 'auto'}, {id: 'name', label: 'Patient Name', editable: true, type: 'input', width: 'auto'}, {id: 'phone', label: 'Patient Phone', editable: true, type: 'input', width: 'auto'} ], rows : [ {rowid: 'xyzabc', hour: '13:30', name: 'Machado de assis', phone : 'not applicable'},

Version	Date	Links	Status
1.0.0-beta	2009-May-05	Download Release notes	Recommended for 1.0.x

jQTreeTable - Unobtrusive treetablemaker - updated

Last changed: 1 year 45 weeks ago

Take a plain html table, wrap the rows you want collapsing/expanding in a tbody tag with an id of treetable, map each row to it's parent row, set some options, and let jQTreeTable take it from there.
You can set which column takes the treeview effect, and you can also set which parents are collapsed initially. Nodes are connected by lines.

Have added striping effects, highlighting effects and a custom onselect event with a callback. See the revisions.

Update No 2:

Has now been fully updated to work with JQuery 1.2+
Enables multiple treetables with different configurations on the same page.
Use any class or id selector for the tbody that takes the effect
Now uses a cookie to remember the state across page refreshes and as parent nodes are collapsed/expanded.
Onselect handler has been deleted, but one can still be set manually.
My website now accepts comments for any support/issues.

jQuery Table Display

Last changed: 47 weeks 2 days ago

This plugin creates the methods "showRow", "hideRow" and "toggleRow", to manage the display of table rows.

Tested in FF 3.0 and IE7.

Created by Gabriel Langhans, Lucas Leite and Maicon Martins

Version	Date	Links	Status
0.2	2008-Aug-06	Download Release notes	Recommended for 1.2.x

jQuery table search

Last changed: 20 weeks 12 hours ago

This plugins adds a search feature in a table element. The select box is filled with all column headers names(this way the user can select on which column the search is going to be executed).

The texts and messages of errors(data not found and empty field) can be customized.

All fields are inserted into a div above the table, using this id: "table-search-container"

If esc key is pressed when the input field is focused, all the rows will be displayed again.

The error messages are displayed bellow the fields, in a span tag with a class called "table-search-error-message"

The ignore array(option param) is used to ignore search in specified columns, just insert the text of the column header to ignore that column on the select box(not case sensitive)

Default option values:

Version	Date	Links	Status
1.0.1	2009-Jan-09	Download Release notes	Recommended for 1.0.x
0.1.0	2009-Jan-07	Download Release notes	Recommended for 1.2.x

jQuery table2CSV

Last changed: 25 weeks 3 hours ago

This plugin provides conversion from a html table to a csv string.
There are two parameter only: callback and delimiter.

Delimiter parameter provides which column delimiter should be used in the csv string - default is ",".
The callback parameter(a callback function) contains one argument which is the csv string so you can doa nything you want with the generated string.

Options defaults values:

delimiter: ","
callback: function (csv) { //mandatory
    return csv;
}

Getting csv string and sends it with ajax:

jQuery(function() {
    jQuery("#my-table").table2csv({
        callback: function (csv) {
            jQuery.post(
                url, encodeURIComponent(csv), 
                 function (data) {
                     //do something here
                 }
            );
    });

Version	Date	Links	Status
0.1.0	2009-Jan-09	Download Release notes	Recommended for 1.0.x

jQuery.FixedTable

Last changed: 19 weeks 2 days ago

jQuery.FixedTable is a jQuery plugin to create a fixed header and first column on a HTML table. The idea is from https://www.open2space.com/projects/fixedtable. We have improved it, and fixed some bugs.

Feature

Allow horizontal and vertical scroll.
Support multiple HTML tables in one page.
The number of fixed columns can be customize.
The background colors of each row when mouse over and out can be customize.

if you want to know the detail information about the plugin, please access Nova Softwar.

Version	Date	Links	Status
1.0.0-beta-1	2009-Feb-18	Download Release notes	Recommended for 1.3.x

kiketable.colsizable (aka Grid Column Sizing)

Last changed: 29 weeks 2 days ago

This plugin, applied to a number of HTML tables, provides the behaviour of resizing their columns by dragging or double-clicking a "handler hint".

I have change the name: kike (my nickname, means, my version, not an official one), table (it remains an html Table), colsizable (this plugin makes columns to be resizable by their width).

Version	Date	Links	Status
0.5-beta	2007-Dec-14	Release notes	Recommended for 1.1.x
1.0.0	2008-Dec-10	Download Release notes	Recommended for 1.2.x

kiketable.rowsizable (aka Grid Row Sizing)

Last changed: 28 weeks 4 days ago

This plugin, applied to a number of HTML tables, provides the behaviour of resizing their rows by clicking over a "handler/ helper".

I have change the name: kike (my nickname, means, my version, not an official one), table (it remains an html Table), rowsizable (this plugin makes rows to be resizable by their height).

Version	Date	Links	Status
0.5-beta	2007-Dec-14	Release notes	Recommended for 1.1.x
1.0.0	2008-Dec-15	Download Release notes	Recommended for 1.2.x

Kin_Tables

Last changed: 47 weeks 3 days ago

/*******************************************************************************
Name: Kin_Table
Website: http://jorkin.reallydo.com/article.asp?id=538
Version: 1.0
Update: 2007/08/05
Introduction: toggle table row color by mouseover
and check checkbox by click table row
and toggle table row background-color by check checkbox
but can not exclude checkboxes (I dont need this. ^_^ )
Reference: Dodo (tableRowCheckboxToggle)
Softcomplex (tigra_tables)
Others:Need jQuery
******************************************************************************/

function Kin_Tables(Kin_Table_GetTableMethod, //get your table
Kin_Table_Header_Offset, //set the table header offset
Kin_Table_Footer_Offset, //set the table footer offset
Kin_Table_Odd_Style, // set the table odd row style name (Default:odd)

NumberFormatter - International Support for Number Formatting

Last changed: 22 weeks 4 days ago

This plugin is a NumberFormatter plugin. Number formatting is likely familiar to anyone who's worked with server-side code like Java or PHP and who has worked with internationalization. For example, a number that we would write in the US as "1,250,500.75" would be written differently in different countries: "1.250.500,75" in Germany, "1 250 500,75" in France, and "1'250'500.75" in Switzerland, and "125,0500.75" in Japan. The number is exactly the same, but it's just written using a different format when presented to users of the web application.

Here's a typical use case for what I'm describing. You have an input field in your web application that asks a person for their salary. In the US, the user can type in a varied forms of input - "$65000", "65,000", "65000", "65,000.00". All these numbers are exactly the same, but we want to control how these numbers look on the screen.

Here's an example of how you'd use this plugin.

$("#salary").blur(function(){

Version	Date	Links	Status
1.1.0	2009-Jan-26	Download Release notes	Recommended for 1.2.x

PureJSTemplate

Last changed: 1 year 4 weeks ago

Works in IE, Firefox and Webkit browsers.
Most templating languages suck

Ok, if your like me then you hate all templating langauges- they suck, they really suck. I hate them because I hate the rules they enforce upon me, they are slow, and they slow me down. Because of this, usually I end up making code that looks like this:

UGLY:

function display(data) {
var output = "<div>" + data.text + "</div>";
element.innerHTML=output;

}

How horrible is that? That's probably worse than using a bad templating langauge.

Well, after disappointments with other jQuery templating plugins, I decided to make my own:

The Solution: PureJSTemplate

With PureJSTemplate you use old fashioned javascript in your template. You simply surround the javascript in special tags. Here's an example of what you can do:

<#for(var i=0; i<10; i++) { #> <#=i#> <#}#>

Version	Date	Links	Status
1.0	2008-Jun-05	Download Release notes	Recommended for 1.0.x

Readable Tables

Last changed: 1 year 5 weeks ago

A little plugin to highlight rows and columns on tables making them easier to use if you have large amounts of data... So something small for something large!

Has two types of highlighting, simple and complex. Simple just highlights the row; complex will highlight rows, columns and column headings.

Version	Date	Links	Status
1.0.0-rc-1	2008-May-23	Download Release notes	Recommended for 1.2.x

Tables

rowSelect

Last changed: 4 days 16 hours ago

Simple little plugin to allow selecting of rows (single or multi) in a table.

Add an attribute on the row to move values into the attached input element.

 $("#Liste1").rowSelect({
attachTo: '#postBack', /*input to attach to the table.*/
attrName: 'value', /*Name of the attribute on the tr to read values from */
allowMulti: true /*allow selecting 1 or many..*/
                                }
                           );

<input type='hidden' id='postback' name='postback'>
<table>
<tr value='1'><td>Row1</td></tr>
</table>

I use this plugin together with .aspx pages that uses postback, and attach the table to a asp:hiddenfield

Version	Date	Links	Status
0.2-beta	2009-Jun-29	Download Release notes	Recommended for 1.0.x
0.1	2009-Jun-27	Download Release notes	Recommended for 1.3.x

Scrollable Tables for IE and Mozilla

Last changed: 20 weeks 2 days ago

This jQuery function will set the height/width and add scroll bars if required. For internet explorer it breaks apart to table into 1-3 divs (header, body, footer). In mozilla it adds a scroll bar to the tbody element.

Usage:

$("table").scrollable();
$("table").scrollable({tableWidth:915, tableHeight:400});

Your table needs to be using the following format for this to work well:

 <table>
   <thead>
     <th>...</th>
   </thead>
   <tbody>
     <td>...</td>
   </tbody>
 </table>

This plugin is loosly based on: http://www.webtoolkit.info/scrollable-html-table-plugin-for-jquery.html

Version	Date	Links	Status
1.0.4-min	2009-Feb-11	Download Release notes	Recommended for 1.0.x

SearchTable

Last changed: 20 weeks 4 days ago

This plugin (very small in size) allows you to search for a text in an existing table and show only those rows that match. Example below.

JavaScript:

$("table.enableSearch").searchable();

HTML:

<table class="enableSearch">
<thead>
<tr>
<td>Attribute Name</td>
<td>Attribute Value</td>
</tr>
</thead>
<tbody>
<tr>
<td>id</td>
<td>unique identifier</td>
</tr>
<tr>
<td>class</td>
<td>style sheet class</td>
</tr>
</tbody>
</table>

Version	Date	Links	Status
1.1	2009-Feb-09	Download Release notes	Recommended for 1.2.x

1.3.x
Tables

simpleHorizontalSlider

Last changed: 7 weeks 2 days ago

Just a simple horizontal slider menu. Animated and looks great! Very easy to implement. I couldn't find anything that was light, and exactly like I needed, so I built this.

Version	Date	Links	Status
1.0.0	2009-May-13	Download Release notes	Recommended for 1.3.x

Stupid Fixed Header

Last changed: 28 weeks 5 days ago

Create a fixed header on a normal HTML scroll table.

The solution is not clever: it clones current header and place on top of the table, synchronize width and scroll. Check out more on the homepage http://jacky.seezone.net/fixedheader/fixedheader.html/fixedheaders.html .

Features

Allow horizontal scroll
Auto hide box when scroll in IE6 (I did not use iframe hack as it is flashy during scroll.)
Allow to tweak header cell width with your own implementation

Requires

jQuery 1.2.6

Compatibility

Tested on IE6/7, Firefox 3.0/3.1, Opera 9.5, Chrome 0.2, Safari 3.1.2

Version	Date	Links	Status
1.0.3	2008-Dec-14	Download Release notes	Recommended for 1.2.x

Table Header Repeater

Last changed: 21 weeks 5 days ago

This plugin allows you to repeat the header on your table after n number of rows. This is ideal for a lot of tabular data that also has a lot of columns. Usage is quite simple:

$('the table').headerRepeat(numRowsToRepeatAfter)

Simply download and attach to your table.

It works for asp.net datagrids as well (as long as there is no sorting)

TODO:

Make a demonstration
Remove links (such as when a table has sorting)

Version	Date	Links	Status
0.5.2	2009-Feb-01	Download Release notes	Recommended for 1.2.x

Table Helper

Last changed: 23 weeks 6 hours ago

This plugin allows you to add specific table cells to your selection by their coordinates, by row, by column or by range. Also included is the ability to resize a table, merge cells in a range and unmerge an already merged range.

Version	Date	Links	Status
1.7.0	2009-Jan-23	Download Release notes	Recommended for 1.2.x

Tables

Table Hover

Last changed: 1 year 24 weeks ago

Based on the Column Hover plugin adding support for row highlighting and fixing the current highlight when clicking inside a cell.

Version	Date	Links	Status
0.1.4	2008-Jan-17	Download Release notes	Recommended for 1.2.x

Tables

Table Library

Last changed: 1 year 24 weeks ago

jquery plugin for working with tables and table rows
* create table objects and table row objects and use convenience methods
* serialize objects to table rows and extract objects from table rows
* support for saving object properties as row attributes
* advanced querying of table rows

documentation at http://gregweber.info/projects/tablelib

plugin dependent on lib/iterator.js (included in tarball)

Version	Date	Links	Status
0.3	2008-Jan-11	Download Release notes	Recommended for 1.0.x
0.4	2008-Jan-16	Download Release notes	Recommended for 1.2.x

Tables

Table row drag and drop

Last changed: 51 weeks 7 hours ago

Drag and drop table rows to reorganise data. onDragStart and onDrop config options allow you to integrate this with Ajax calls to update the server.

Version	Date	Links	Status
0.4	2008-Apr-21	Release notes	Recommended for 1.0.x
0.5	2008-Jul-11	Download Release notes	Recommended for 1.2.x

Table Scroller

This implements a table scroller. It is passed a single argument which is the height in pixels of the scrolled region. It will replace the original table with the scrolled table.

Version	Date	Links	Status
1.0.0	2007-Dec-16	Release notes	Recommended for 1.0.x

tablePager

Last changed: 1 year 22 weeks ago

Creates pagination for large tables. tablePage hides all rows in the tbody of your
table and displays the rows in the current "page" of the table. tablePager also
binds events and data to specified elements in the tfoot area of the table for paging
and information display.

Plugin is very small; 3.7k uncompressed or 1.3k minified! 100% javascript; all styling / images are left to the user. This plugin was developed for use in the TyStreamer project.

Demo coming soon.

Version	Date	Links	Status
1.0	2008-Jan-26	Download Release notes	Recommended for 1.2.x

Tables

tablePagination

Last changed: 9 weeks 5 days ago

TablePagination is a plugin so that you can auto add a pagination element to the bottom of a html table. There are a variety of settings to customize the elements.

Version	Date	Links	Status
0.1.0	2009-Apr-26	Download Release notes	Recommended for 1.2.x

tableRowCheckboxToggle

Last changed: 1 year 18 weeks ago

It generically adds the toggle checkbox function to any table rows you specify based on the css class names.
It will by default toggle any checkboxes within the table row.
You can manually exclude checkboxes based on name, id or css classes in the script.
If there is any applicable checkboxes inside of the table row that are checked, it will apply a class to the table row.
It also marks table rows when there are checked applicable checkboxes on page load.

Simply include jQuery and this javascript and customize below in the javascript:
// give me a list of table rows classes you want to apply this affect to var tableRowCheckboxToggleClasses=new Array('odd_row', 'even_row'); // give me a class name you want to add to the table row when there are checkboxes checked var tableRowCheckboxCheckedClass='marked'; // by default, this script will apply to checkboxes within the rows specified

Version	Date	Links	Status
1.0	2008-Feb-27	Download Release notes	Recommended for 1.0.x

Tables

tablesorter

Last changed: 1 year 9 weeks ago

Tablesorter is a jQuery plugin for turning a standard HTML table with THEAD and TBODY tags into a sortable table without page refreshes.

Tablesorter can successfully parse and sort many types of data including linked data in a cell. It has many useful features including:

Multi-column sorting
Parsers for sorting text, URIs, integers, currency, floats, IP addresses, dates (ISO, long and short formats), time. Add your own easily
Support for ROWSPAN and COLSPAN on TH elements
Support secondary "hidden" sorting (e.g., maintain alphabetical sort when sorting on other criteria)
Extensibility via widget system
Small code size (7,4kb packed)

Version	Date	Links	Status
2.0.3	2008-Apr-25	Download Release notes	Recommended for 1.0.x

Tables

TemplateDisplay

Last changed: 16 weeks 14 hours ago

The idea here is based off of Spry's repeat regions to produce dynamic forms from JSON data through a HTML template.

Download:

http://code.google.com/p/templatedisplay/

Example:

<table class="template">
	<tr>
		<td>!VariableName!</td>
	</tr>
</table>
<table class="create">
</table>

<script>
$(".template").templateDisplay({query:d.RESULTS,target:".create"});
</script>

Options

Required

Remember the following sets are mutually exclusive with each other:
ajax or columns/data or query

query(object of COLUMNS and DATA array)

ColdFusion query returned with returnformat="json"

{"COLUMNS":["ColumnName 1","ColumnName 2"],"DATA":[[Column1Value1,column2Value2]]}
data(array of arrays)

Data to display, this refers to the rows based of the columns argument

Version	Date	Links	Status
1.2	2009-Mar-13	Download Release notes	Recommended for 1.2.x

tgrid - lightweight jQuery AJAX datagrid

Last changed: 8 weeks 4 days ago

This plugin was created when i was upgrading a small framework of mine and i needed a table to present the records. Then i have seen tablesorter plugin and thought it was exact thing that i needed to my project. I needed to add some functionality to it, though. Firstly, i noticed that when i filled tablesorter with a big ammount of data and turned 'pagination' option on, my browsers [firefox and opera] just went nuts when it came to memory usage. So i thought i could add my own method of pagination. Then, i wanted to add some filtering and thirdly, i needed to combine it with the models of my framework (so that the tablesorter would sort of "create" the sql queries for me. I think i have succeded :)

Version	Date	Links	Status
0.0.2	2009-May-04	Download Release notes	Recommended for 1.3.x

TiamatGrid, faster HTML-Ajax table grid

Last changed: 1 year 4 weeks ago

TiamatGrid is a HTML-based, ajax grid plugin for jQuery library.

Based in jqGridView plugin have not all the features but is faster loading an showing tables, and provide methods for the events.

General feautres:

* Events return array with the data selected
* Multiselect and singleselect mode
* Server-side paging.
* Server-side filtering.

Browsers compatibility:

* Firefox 2.0
* IE 7.0
* Opera 9.0
* Safari 3.0

Version	Date	Links	Status
1.1.1	2008-Jun-04	Download Release notes	Recommended for 1.0.x

Tables

Plugins

Search

User login

Browse Plugins

Can't find a Plugin?

Website Bug or Feature Request?

Plugins: Tables

Features

Dynamically add more info to your table

Summary

Compatibility

Usage

Update No 2:

Feature

Features

Requires

Compatibility

Download:

Example:

Options

Required

query(object of COLUMNS and DATA array)

data(array of arrays)