可以借助一个基于jq的插件:colresizable

http://www.bacubacu.com/colresizable/#download

使用方法，引入该js

$(function(){
  
  var onSampleResized = function(e){  
    var table = $(e.currentTarget); //reference to the resized table
  };  

 $("#你的表格id").colResizable({
    liveDrag:true,
    gripInnerHtml:"<div class='grip'></div>", 
    draggingClass:"dragging", 
    onResize:onSampleResized
  });    
  
});

更多可以拖拉的方式，参照官方案例，样式也可以根据需要自己调整~