Plugins

User login
Can't find a Plugin?

Can't find a Plugin you are looking for? Check out the jQuery Wiki page.

Are you a plugin developer? Please move your plugin over to this site.

Website Bug or Feature Request?

Found a bug on the new jQuery Plugin website? Have a feature request?

Submit it to the jQuery Plugin website issue queue to ensure it is noticed!

column


jQuery equalizeBottoms

Average rating
(1 vote)

With jQuery equalizeBottoms you can “equalize” the bottoms of multiple elements, making columns heights even, even when CSS refuses to help.

Full documentation, source, and examples are available on benalman.com.

Sortable Tables - jQuery Accessible RIA

Average rating
(1 vote)

jQuery Accessible RIA, a collection of strictly WAI WCAG 2.0 and WAI ARIA conform web applications based on the popular Java-Script framework jQuery (using the UI Widget Factory).
This one extends a standard HTML table. You could add a sorting functionality, add a pager functionality, hide cols and rows — pretty cool when a user has to handle huge tables

Functionality features

* sort data by number, date, text alphabetically
* high performance: handle even large tables
* hide columns and rows
* pager functionality
* Standard jQuery widget methods: disable, enable, destroy

File size of the minified version is less than 9 KB.

Accessibility features

* keyboard support (arrow keys or native tabular index, Home, End, Space)
* ARIA Live-Regions
* ARIA and HTML table relations

Column iterator

Average rating
(1 vote)

Iterates through the cells of a column in a table, it supports colspan but not rowspan. The plugin uses a callback to apply logic to each cell it iterates through.

Column cell selector

Average rating
(3 votes)

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.

Column View

Average rating
(1 vote)

Transforms a nested unordered list of links (like a Drupal menu, for example) into a Mac OS X-like column view, without requiring changes to markup.

Generates disclosure triangles with Canvas automagically, no other support files required except: Requires Live Query plugin.

Tested with FF3, Safari 3/4, IE 6/7, Chrome.

Update: Now compatible with 1.3.x, without Live Query dependency.

See documentation or release notes for minified download links.

Add Table Rows Count

Average rating
(1 vote)

This plugin automatically adds a column with row count. Thus making your tables more readable and keeping your markup/metadata clean.

The use:

$('.myTables').rowCount();

With options:

$('.myTables').rowCount( { name: "Count", cssClass: "columnCss" } );

jQuery Finder (Mac OS X like Finder)

Average rating
(1 vote)

The purpose of this plugin is to provide an alternative to treeview
navigation. Making it look just like the Finder on a Mac is not my
goal, I am after its core functionality. Having said this, I think
that implementing useful features that exist on Mac's Finder (search,
toolback w/ options, etc) is time well spent.

Columnize

Average rating
(1 vote)

Columnize creates a newspaper-like column layout. The original HTML code only needs small adaptions. In most cases, it is not necessary to adapt the HTML code at all.
Using the plugin is easy:

$("#text").columnize();

sets the contents of the DOM node with the ID ›text‹ in a two-column layout with balanced column lengths.

Columnizer

Average rating
(4 votes)

Easily give your site the newspaper layout you've dreamed of, and use Columnizer to layout your content into multiple columns automatically. Resizing the browser will automatically add or remove columns based on available width. Now your layout can automatically adjust to really wide monitors and adapt to narrow iPhone interfaces!

Check the out basic demos: First Sample, Second Sample, and the Third Sample.

Advanced demo: Page 2 of welcome.totheinter.net

Columns can be sized to fit any width and layout images and complex nested HTML on the fly.

Easy to use:
$('.wide').columnize({width:400});

Advanced options available for more complex layouts.

Column Navigation

Average rating
(3 votes)

Column Navigation provides a Mac OS X/NeXTStep style navigation for unordered HTML lists. (Ordered lists will be supported in version 1.1)

It has been designed to progressively enhance list information by refactoring it into columns of data. Each column represents the children of the proceeding selected item.

This is especially useful for formatting long hierarchy structures.

An example of the menu in action can be seen here.