bootstrap中表格大小设置_Bootstrap表格实现列左右调整大小

直接引入：

其中colResizable-1.6.min.js的代码如下：

// colResizable 1.6 - a jQuery plugin by Alvaro Prieto Lauroba http://www.bacubacu.com/colresizable/

if(!Array.indexOf) { Array.prototype.indexOf = function(obj) { for(var i=0; i

!function(t){var e,i=t(document),r=t("head"),o=null,s={},d=0,n="id",a="px",l="JColResizer",c="JCLRFlex",f=parseInt,h=Math,p=navigator.userAgent.indexOf("Trident/4.0")>0;try{e=sessionStorage}catch(g){}r.append("");var u=function(e,i){var o=t(e);if(o.opt=i,o.mode=i.resizeMode,o.dc=o.opt.disabledColumns,o.opt.disable)return w(o);var a=o.id=o.attr(n)||l+d++;o.p=o.opt.postbackSafe,!o.is("table")||s[a]&&!o.opt.partialRefresh||("col-resize"!==o.opt.hoverCursor&&r.append(""),o.addClass(l).attr(n,a).before('

*{cursor:"+n.opt.dragCursor+"!important}"),a.addClass(n.opt.draggingClass),o=a,n.c[d.i].l)for(var f,h=0;h

接下来在table标签中加入id,js代码如下：

$(function () {

$("#xxx").colResizable({

liveDrag: true,//实时显示滑动位置

gripInnerHtml: "

draggingClass: "dragging",

postbackSafe: true,//刷新后保留之前的拖拽宽度

headerOnly:true,

resizeMode:"overflow",

//onResize: onSampleResized

});

})