【bootstrap】调整表格列宽

可以借助一个基于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
  });    
  
});

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

posted @ 2019-12-05 14:52  虹梦未来  阅读(2)  评论(0编辑  收藏  举报  来源