bootstrap-table 列宽问题解决

        

<th style="width：120px" data-field="Cel1"><div class="th-inner ">列名</div><div class="fht-cell"></div></th>

　　以上为BootStrap-Table 生成的列   我发现这个widtn 不生效 尝试在  设置样式 .th-inner  的宽度 成功了  于是 给出以下解决方案

首先创建一个样式

.W120 .th-inner {width:120px !important;} .W80 .th-inner {width:80px !important;} .W60 .th-inner {width:60px !important;} .W150 .th-inner {width:150px !important;} 

　　然后在 指定 columns  参数时 给要指定长度的列添加class 

 {  class: 'W120',field: 'OPERATETIME',title: '盘点时间'}

　　

<table id="table"></table>
<style>

.W120 .th-inner {width:120px !important;} .W80 .th-inner {width:80px !important;} .W60 .th-inner {width:60px !important;} .W150 .th-inner {width:150px !important;} 

</style>
<script>

$('#table').bootstrapTable({columns: [{field: 'id',class:'W60'title: 'Item ID'}, {field: 'name',class:'W80'title: 'Item Name'}, {field: 'price',class:'W120'title: 'Item Price'}],data: [{id: 1,name: 'Item 1',price: '$1'}, {id: 2,name: 'Item 2',price: '$2'}]});
</script>