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>