jquery.grid.columnSizing, Redimensionar las columnas de una tabla facilmente con JQuery

Tienes tu flamante tabla en HTML que te acabas de generar dinamicamente mediante una consulta a la base de datos, pero…pero… ¿le falta algo?. Esa chispa que le da “vidilla”, lo que diferencia a lo cutre de lo profesional.
Bromas aparte, si quieres añadir facilmente la posibilidad de redimensionar las columnas de una tabla, mediante click y arrastrar, te vendra de perlas este plugin para JQuery que no es demasiado intrusivo.

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

<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>

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

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

Mejor, ver la demo en el enlace adjunto.

Enlace | jquery.grid.columnSizing