可以借助一个基于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
});
});
更多可以拖拉的方式,参照官方案例,样式也可以根据需要自己调整~