How to resize a table cell using jquery?

Question

I have a 2 cells table and I wanna make the first resizable with a grab hand using jQuery

Answer 1

jQuery UI has a resizable plugin that will allow you to make an element on a page resizable.

However, I can imagine resizing table cells is going to be interesting, especially since they're going to likely share space in a row. Take a look at the alsoResize option; you may very well need to scale down the other cell while the other scales up and vice versa.

Also, the IEs are notorious when it comes to manipulating table elements, so YMMV.

Answer 2

I do not know of any way to do this to a "vanilla" html table. However, I'm currently using the jqGrid jQuery plugin to provide richer data tables on my page. It includes (among other things) click-and-drag resizing of column widths.