Делал когда-то такое:
....................................................


<style>
TD.ResizeTD
{
 background-color: red;
 width: 2px;
}
</style>


 <table style="width:100%;">
  <tr>
   <td>  ................   </td>

   <td class="ResizeTD" style="behavior:url(ResizeTD.htc);"></td>

   <td>  ................   </td>
  </tr>
 </table>


Файл ResizeTD.htc:

<PUBLIC:COMPONENT>
<PUBLIC:ATTACH EVENT="oncontentready" onevent="oncontentready()" />
<PUBLIC:PROPERTY NAME="LeftTD" GET="get_LeftTD" />
<script language="JavaScript">
var LeftTD = null;
var OldX = 0;
function oncontentready() {
LeftTD = element.previousSibling;
 
 if ((LeftTD != null) && (LeftTD.tagName == "TD"))
 {
  element.style.cursor = "col-resize";
  element.attachEvent("onmousedown", doMouseDown);
  element.attachEvent("onmouseup", doMouseUp);
  element.attachEvent("onmousemove", doMouseMove);
 }
}
function get_LeftTD() {
    return LeftTD;
}
function doMouseUp() {
 element.releaseCapture();
}
function doMouseDown() {
 element.setCapture();
 OldX = event.clientX;
 LeftTD.style.pixelWidth = LeftTD.offsetWidth;
}
function doMouseMove() {
 if (event.button != 1) return;
 var CurrX = event.clientX - OldX;
 OldX = event.clientX;
 LeftTD.style.pixelWidth += CurrX;
}
</script>
</PUBLIC:COMPONENT>

....................................................

В качестве элемента, за который можно зацепиться мышкой использован дополнительный столбец. Ну и style="behavior......." на сколько я понимаю работает только на ИЕ.....

Может пригодится.............