bootstrap table 列宽

Bootstrap table是一个非常实用的UI组件，但是在使用过程中，很多人都会遇到一个问题：如何设置Bootstrap table的列宽？

Bootstrap table的列宽可以通过以下方式进行调整：

1. 添加class属性

在th或td中添加class属性，然后通过CSS来设置列的宽度。例如，你可以添加类名“col-xs-3”、“col-md-4”等，分别表示在不同分辨率下列宽所占的比例。

2. 使用data-width属性

在th中添加data-width属性，设置列的宽度。例如，你可以设置data-width="50"，代表该列宽度为50像素。

3. 使用jquery插件

Bootstrap table还自带很多jquery插件，可以更加便捷的进行列宽度的调整。其中比较方便的一个插件是resizable，该插件可使表格的列宽度可拖动调整。

以上3种方式，任选其一即可实现Bootstrap table列宽的调整。但也需要注意的是，在进行列宽调整时，要遵循页面布局原则，保证表格排版整齐美观，不至于出现混乱的排版问题。