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