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