jQuery: The Write Less, Do More JavaScript Library

Home › Downloads

Plugins:

Filter by Project release API compatibility:
Login or register to modify the filter.

Column Hover

Last changed: 16 weeks 5 days ago

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

VersionDateLinks
0.1.12008-Jan-18

Column Manager

Last changed: 16 weeks 5 days 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).

VersionDateLinks
0.2.52008-Jan-18

csv2table

Last changed: 8 weeks 15 hours ago

This Plugin reads the CSV file which you made with Excel and performs the table indication which is a cross browser.

== 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

Samples | Load CSV and draw Chart(use jQchart)|
csv2table-0.02-b-1.zip

VersionDateLinks
0.01-beta-62008-Feb-26
0.02-b-1.62008-Mar-18

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

VersionDateLinks
1.0.2-beta-22008-Apr-04
1.0.1-beta-12008-Mar-27

FlyDOM: Create DOM on the Fly

Last changed: 41 weeks 2 days 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.

VersionDateLinks
3.0.62007-Jul-17
3.0.82007-Jul-29

graphTable: graph data from HTML table using flot

Last changed: 21 weeks 16 hours ago

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

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

options for reading the table

defaults will work in most cases except you'll want to override the default args.series if your series are in columns

VersionDateLinks
0.1.02007-Dec-18

Grid Column Sizing

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

VersionDateLinks
0.5-beta2007-Dec-15

Grid Row Sizing

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

VersionDateLinks
0.5-beta2007-Dec-15

HeatColor

Last changed: 23 weeks 5 days 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.

VersionDateLinks
0.0.12007-Nov-30

jQTreeTable - Unobtrusive treetablemaker

Last changed: 37 weeks 5 days 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.

Update:

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

VersionDateLinks
..22007-Aug-23

Sheet - A jQuery Spreadsheet with Calculations

Last changed: 1 week 4 days ago

jQuery.Sheet gives MS Excel style sheet editing abilities with calculations. Ported from TrimPath Spreadsheet 1.0.14. Still in initial building phase. It does work well and I invite you to download, unpack, and try it out.

jQuery.Sheet is html Table driven, so it's easy to build an application that can save the information - This is something a lot of JavaScript Spreadsheets lack. The code is still being converted, and there are a few functions that, although they are powerful, need to be simplified using jQuery. At this time jQuery.Sheet doesn't support external selectors for initialization but that will change very soon.

The reason that I've posted this on jQuery's website starting with .01 Beta is that the project more or less has been completed at TrimPath at version 1.0.14, and (as far as I know) isn't under development. I simply want to port over, expand upon, and create a more functional product for everyone to use. Including the company that I work for.

VersionDateLinks
0..012007-Dec-19

Table Hover

Last changed: 16 weeks 5 days ago

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

VersionDateLinks
0.1.42008-Jan-18

Table Library

Last changed: 16 weeks 6 days 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)

VersionDateLinks
0.32008-Jan-11
0.42008-Jan-16

Table row drag and drop

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.

VersionDateLinks
0.42008-Apr-22
0.32008-Feb-28

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.

VersionDateLinks
1.0.02007-Dec-16

tablePager

Last changed: 15 weeks 3 days 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.

VersionDateLinks
1.02008-Jan-26

tableRowCheckboxToggle

Last changed: 10 weeks 6 days 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

VersionDateLinks
1.02008-Feb-27

tablesorter

Last changed: 2 weeks 4 days 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)
VersionDateLinks
2.0.32008-Apr-25

Thablesorter

Last changed: 2 weeks 9 hours ago

A little hack for tablesorter 2.0.
Add thead fixed to tablesorter.

VersionDateLinks
0.9.02008-Apr-30

UI Table Edit

Last changed: 2 weeks 3 days ago

make an html table editable by the user
user clicks on a cell, edits the value,
then presses enter or clicks on any cell to save the new value

var t = $('table')
$.uiTableEdit( t ) // returns t

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

VersionDateLinks
0.42008-Apr-26
0.12008-Jan-11

UI Table Filter

Last changed: 3 weeks 4 days ago

allows table rows to be filtered (made invisible)

t = $('table')
$.uiTableFilter( t, phrase )

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

VersionDateLinks
0.32008-Apr-19
0.22008-Jan-11