jQuery Topics
jQuery Awesome
jQuery Delicious
jQuery Buzz

10 jQuery Plugins for HTML Tables

Thursday, September 29, 2011
Tagged: , ,
By jQuery Aggregator on Thursday, September 29, 2011 — Comments

Some of you might have bumped into these tables long time ago but for those who haven’t yet, here’s the list for you. Most people may have turned their backs to tables for implementing web page layouts because tables compared to table-less-layout-based on CSS positioning has several advantages. But tables are not totally useless! By adding a bit of jQuery you will be able to create very useful solutions with HTML tables that your users will find it easy and intuitive to use… probably still only use them for data though! :P

This is in addition to some previous posts:

1. PicNet JQuery Table Filter


This plugin adds a row to the section of a table and adds filters that allows real time filtering of tabular data.
PicNet-JQuery-Table-Filter.jpg
Source

2. TinySort


A plugin to sort child nodes by (sub) contents or attributes. It is very useful for ordering unordered lists or tables, but works on any type of node.
TinySort.jpg
Source

3. Graph data from an HTML table using jQuery and flot


Draw graphs from html tables. 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.
Graph-data-from-an-HTML-table.jpg
Source

4. jLINQ


If you’ve used the .NET Framework, chances are you’ve also used LINQ. The features found in LINQ allow you to work with collections in-memory to query, sort and manage data, much like you would with a SQL command. LINQ also allows you to connect directly to a database to manage records all within your IDE.
jLINQ.jpg
Source

5. Floating header plugin


A jQuery plugin that makes the header of a table floating if the original header isn’t visible due to scrolling. The plugin will automatically choose the head tag as the header for a table.
floating-header.jpg
Source

6. columnHover


Lets you highlight whole columns in a table when hovering over them.
columnHover.jpg
Source

7. Scrollable HTML Table


A plugin for jQuery able to convert a table into scrollable.
Scrollable-HTML-Table.jpg
Source

8. HeatColor


We have posted heatcolor before but it’s so good. 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.
HeatColor.jpg
Source

9. Fixed Header Tables


Takes valid table HTML and builds a fixed header and scrolling body with optional footer.
Fixed-Header-Tables.jpg
Source

10. NReco jSquared


A jQuery plugin that enables ability to add/remove HTML table columns and rows ‘on-the-fly’. Its functionality is very similar to Google Squared UI and useful for building advanced search interfaces.
NReco-jSquared.jpg
Source

Read the full/original article at jQuery4u

    Related Posts

    Comments are closed.

    « Previous post:
    Next post:  »
    jQuery Resources

    Learn more about jQuery

    jQuery News & Links

    I only just found out that the jQuery validation plugins has a validation rule called “remote” which can be used ...

    jQuery function to check if horizontal scroll is present – hasHScrollBar() – (or vertical check below also, util function to ...

    jQuery function to Set any DOM Element to Top View (bring to front) using CSS Z-Index property.

    Is it possible to declare arrays in JavaScript object literal notation? Example 1 – this works with arrays Declaration: Storage ...

    To get the a variables type using jQuery there is a jQuery function called .type() which returns “array”, “string”, “number”, ...

    In this post you can find tutorials which explain step by step different API use cases with jQuery like Google ...

    For valuable work on creation of sites you need a good comfortable editor necessarily. There are many requiring paid products ...

    Today we are sharing with you a collection of awesome jQuery Camera Photo plugins. They offer a range of image ...

    Back in the day, if you saw something that was animated on a website it was automatically assumed to be ...

    In this post, we have compiled a list of 10 jQuery HTML5 Audio players available today, most allow native audio ...

    jQuery Mobile is a powerful framework for making mobile web applications. But can we use it to convert existing desktop ...

    I have jotted a quick post on a Basic JavaScript Regular Expression Example to give beginners out there a taste ...

    In April 2012′s edition of Interestingly Random JavaScript, jQuery and Web Development we bring you some very cool stuff such ...

    In this post we are sharing you a roundup of 10 really jQuery plugins as of today. Pretty cool plugins ...

    As always expected from the jQuery community, the compilation we have for you today are some good and impressive recently ...

    A collection of jQuery PNG/JPEG/GIF plugins that enables image animation, cartoon-like background, etc… let them help you design displays for ...

    A collection of JavaScript/jQuery Zip/File/Compressor plugins that allows you to minify your JS code and compress your JS files ready ...

    Quick jQuery code snippet on how to keep an element in view. For demo scroll down on any page on ...

    Here is what I think is the best and most reliable way to load jQuery library and jQuery UI Libraries. ...

    jQuery code snippet which outputs all attributes of element using the default .attr() function on any dom element(s). usage: output:

    More Links & News

    Community Resources

    Use jQuery and the Google Maps API to create your own map application.

    Super cool and easy way to get stylish tooltips with jQuery.

    The right way to include the jQuery library in WordPress.

    Share a resource