Quick search

Scripts and Applications

• Alerts and Prompts, Audio and Sound, Background Effects, Banner Rotation, Calculators, Calendars, Collections, Content Management, Cookies, Countdowns, Data Manipulation, Date and Time, Development, E-Commerce, Email Scripts, Financial Tools, Forms, Games and Entertainment, Graphs and Charts, Image Effects, Image Galleries, Links and Buttons, Math Tools, Miscellaneous, Mouse Tricks, Navigation, Randomizing, Redirection, Search Tools, Searching, Security, Text Effects, Text Scrolling, User Authentication, User Information, Visual Effects, Windows and Frames, WYSIWYG Editors, XML and JavaScript,

Scripts - DHTML

Web Developer Blog

Software Downloads

Linux

Windows

Mac

Mobile

Drivers

RSS jQuery-Treetable.html

jQuery Treetable

Details

License/Script Type:	Free
Author:	hanpau.com
Price:	0
Screenshot:	jQuery Treetable Screenshots
Antivirus Scan Reports:	jQuery Treetable Antivirus Scan Report

Description:

Downloadtube Editor Review

You can take a plain html table, wrap the rows you want collapsing/expanding in a tbody with an id of treetable, map each row to it's parent row, set some options, and let jQTreeTable take it from there. By wrapping it in a tbody, it means you can have other rows within the same table not part of the tree, and it also means that if javascript is disabled, users still get the plain table.

You can set which column takes the treeview effect, and you can also set which parents are collapsed initially. To do this, it must be done with an array, even if there is only one node you want collapsed.

A highlight option can be set so that rows change colour as they are hovered over. There is dynamic striping of the rows, and there is also a custom onSelect event which fires on the table cells, that can be handled with a callback function (watch the status bar when you click on a cell). Links within the cells still work as expected.

Downloadtube.com Editor Final Note:

jQuery Treetable is a jQuery plugin that allows you to add a treeview functionality for any HTML table.

Add to

  Del.icio.us   Digg It   Furl   YahooMyWeb   Blinklist

0 comments