# This plugin, applied to n-tables of an HTML page, provides the behaviour of resizing rows by clicking over a “image handler”.
# Based in CSS (no DIVs inside TDs needed).
# I want it to be FAST, non-intrusive (with DOM), and for HUGE tables (intranet applications, as well as for internet)
# for IE, exists animation.
Compatibility
Tested in IE6+, Firefox 2+, Opera 9+
Release Notes
[27 July 2008] Release version 0.1
Bugs / TODO
to use COOKIES plugin for preserve row status
to use DIVs instead of IMGs (more flexibility)
to use dinamic methods like “create” / “destroy”
to use dinamic methods like “collapse/expand X row/s”
possibility of defining columns width default values for initiating
to improve documentation and demos
(perhaps?) to change “jquery.grid.” into “jquery.table.” as the connotations of “grid” word are too ambitious…

Dependencies:

    <script type="text/javascript" src="jquery-1.1.3.1.pack.js"></script>
    <script type="text/javascript" src="jquery.dimensions.pack.js"></script>
    <script type="text/javascript" src="jquery.grid.rowSizing.js"></script>

Style:

    table {
    	table-layout: fixed;
    	width : 100%;
    	}
    tr td{
    	white-space : normal;
    	overflow : hidden;
    	}
    tr.jquery_rowSizing_hover{
    	background-color : #ffff77;
    	}
    tr.jquery_rowSizing_collapse{
    	height : 15px;
    	}
    tr.jquery_rowSizing_collapse td{
    	white-space : nowrap;
    	/*text-overflow : ellipsis; DONT USE THIS FOR IE, gives problems in some cases*/
    	}
    	Code (minimum):

    	$('table').rowSizing({
    		imgOff: '../lib_ITAtools/lib_botones_windows/imagenes/false.gif',
    		imgOn : '../lib_ITAtools/lib_botones_windows/imagenes/true.gif'
    		})

Demo: http://www.ita.es/jquery/jquery.grid.rowSizing.htm

Download: http://www.ita.es/jquery/jquery.grid.rowSizing.js

Source: http://www.ita.es/jquery/jquery.grid.rowSizing.htm

Related Listings:

1. Grid Column Sizing This plugin, applied to a number of HTML tables, provides...
2. jQuery Grid Script At end 3.0 (rc) version of jqGrid is out. This...
3. DataDrop – Drag Grid Data in From a Spreadsheet with ExtJS Andrea Giammarchi came up with, it was so cool –...
4. Freeze Asp.net Grid View Lately I’ve been working on a pet project where I...
5. jQuery CookieJar After work on the jQuery plugin cookieJar it was pointed...

Do you like this post?

Email: