bootstraptable设置列宽
第⼀种：
列表宽度设置前：
第⼀步：设置css的table-layout属性值为fixed，此时可以⾃⼰调整列宽了；再添加word-break:break-all，此时数据可以⾃动换⾏。
<style type="text/css">
.table {table-layout:fixed;word-break:break-all;}
</style>
或
<table id="cblx" class="table table-border" ></table>
table-layout可能值描述
auto默认。列宽度由单元格内容设定。
fixed列宽由表格宽度和列宽度设定。
inherit规定应该从⽗元素继承 table-layout 属性的值。
第⼆步：在每⼀列设置width属性值
function tab_1_table_init(){
bootstrap项目
var jsTypeDate={};
jsTypeDate["CTRL-DIV-1044TABLE"]={
"url":"data.json",
"tableId":"cblx20",
"method":"post",
"pageSize":10,
"sort":false,
"page":true,
"Refresh":false,
"id":"CTRL-DIV-1044",
"table_columns":[
{"visible":true,field:"design_unit",title:"设计单位",width:100,align:"center",edit:false},
{"visible":true,field:"item_name",title:"项⽬名称",width:200,align:"center",edit:false},
{"visible":true,field:"design_stage",title:"勘察设计阶段",align:"center",edit:false,formatter:function(value, row, index, field){ return'<a href="javascript:void(0)" class="delPro" id="">链接</a>';
}},
{"visible":true,"field":"inspection_stage","title":"实施验收阶段","edit":false,formatter:function(value, row, index, field){ return'<a href="javascript:void(0)" class="delPro" id="">链接</a>';
}},
{"visible":true,"field":"final_score","title":"项⽬综合考评得分","edit":false}
],
"table_title_text":"",
"loadSuccess":"",
"btn":false};
$('#CTRL-DIV-1044').find(".btn-group").remove();
bootstrap_table(jsTypeDate["CTRL-DIV-1044TABLE"]);
}
第⼆种
<table id="cblx23"class="resizable-table table-border table-bordered table-hover"width="100%">
<tr>
<th width="30%"></th>
</tr>
</table>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。