Redimensionar las columnas de una tabla

Hoy día ver una tabla estática y simple en una web resulta un poco soso (ya nos hemos acostumbrado a nuevas y mejoradas tecnologías), así que si queremos darle un poco de vidilla a nuestras tablas de forma que podamos redimensionar la anchura de sus columnas en Ubuntu Life nos presentan jquery.grid.columnSizing, un plugin para JQuery con el que mediante un simple clic y arrastrar nos hará esa tarea.

La forma de usarlo es descargar e importar las librerias js necesarias

[html]<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.cookies.pack.js"></script>
<script type="text/javascript" src="jquery.iutil.pack.js"></script>
<script type="text/javascript" src="jquery.idrag.js"></script>
<script type="text/javascript" src="jquery.grid.columnSizing.js"></script>[/html]

Y luego incluir la llamada correspondiente para tu tabla, por ejemplo:

[jscript]$("table")
.eq(0)
.columnSizing({
viewResize : false,
viewGhost : false,
selectCells : "tr:first>*:not(:first)"
})
.end()[/jscript]

De todas maneras, lo mejor es verlo antes funcionando en unas demos.

Más información en la página del Proyecto

Deja un comentario