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

Este sitio usa Akismet para reducir el spam. Conoce cómo se procesan los datos de tus comentarios.