Bootstrap table 列宽自由调整

最近做毕设的时候，使用了bootstrap table渲染绘制表格遇到了需要改变table列宽的问题。

下面提供两个方法：

1、使用bootstrap table 的拓展插件

https://github.com/wenzhixin/bootstrap-table/tree/develop/dist/extensions/resizable

但是该js还需要引入colResizable.js

https://github.com/alvaro-prieto/colResizable

引入以后在页面头部加入文件的引用

<script src="colResizable-1.6.min.js"></script>

<script src="bootstrap-table-resizable.js"></script>

最重要的一步是，在初始化table的时候，要加上

$("#table").colResizable()

2、直接在table初始化时定义列的宽度

{
field: 'pid',
title: '项目ID',
width:'100px'
}