bootstrap table 修改列宽问题

Question

如题:安装宽度100，300，500设置列宽，出来的表格列宽是均匀分配的，有知道怎么改么？

html代码

<table id="table" class="table table-striped table-bordered"></table>

js代码

$(function(){
        $("#table").bootstrapTable("destroy").bootstrapTable({
            url: "ur;",
            queryParams: function (params) {
                return {
                    param1: params.param1,
                    param2: params.param2
                }
            },
            method: 'post',
            pagination: true,
            sidePagination: "server",
            pageSize: 20,
            pageNumber: 1,
            height: '100%',
            queryParamsType: '',
            searchOnEnterKey: true,
            toolbar: '#toolbar',
            columns: [
                {
                    field: 'PARAM1',
                    title: 'PARAM1',
                    width:100
                },  {
                    field: 'PARAM2',
                    title: 'PARAM2',
                    width:300
                }, {
                    field: 'PARAM2',
                    title: 'PARAM2',
                    width:500
                }
            ]
        });
})

Answer 1

改了，然后头里面的div的文字就hidden了。

Answer 2

http://download.csdn.net/detail/sxb372435741/9690817

Answer 3

回复
背景颜色设置为透明

Answer 4

.table {

  table-layout: fixed;

}