Bootstrap Table拖动改变列宽的方法

Bootstrap Table可拖动列，需要用到它的Resizable扩展插件

1、下载 bootstrap-table-resizable.js插件

下载地址：http://bootstrap-table.wenzhixin.net.cn/zh-cn/extensions/

进入之后，找到Resizable插件，点击Home进入github可以找到详细的用法。

2、下载colResizable v1.6插件

下载地址：http://www.bacubacu.com/colresizable/

3、引用

<script type="text/javascript" src="js/plugins/bootstrap-table-resizable/colResizable-1.6.js"></script>
<script type="text/javascript" src="js/plugins/bootstrap-table/extensions/resizable/bootstrap-table-resizable.js"></script>
<script type="text/javascript">
$(function(){    
    $("#tableId").colResizable({
        liveDrag:true, 
        gripInnerHtml:"<div class='grip'></div>", 
        draggingClass:"dragging", 
        resizeMode:'fit'
    });
});
</script>

亲测有效！！！

来自https://blog.csdn.net/csdnluolei/article/details/85986410