本文的例子分享了bootstrap表合并行数据并居中的具体代码,供大家参考。具体内容如下
呈现表格后合并数据行
onLoadSuccess:函数(数据){ $('#tableStyle ')。bootstrapTable('mergeCells ',{index: 1,field: 'name ',row span : 3 });}整体代码
$ ('# tablestyle ')。引导表({url:'/table/tablestyle ',method:' post ',分页: true,//分页pagenumber33601,//初始化并加载第一页。默认页面页面大小: 10,//每页记录行数(*)页面列表3360 [10,25,50,100],//每页可选行数(*)搜索3360 false,//显示搜索框sidePagination: ' server ',//服务器处理分页加载成功:函数(data) {$ ('# tablestyle ')。bootstrap表('合并单元格',{index : 1,field :' name ',row span : 3 });},column: [{field: ' ',checkbox : true},{field3360' name ',title :' name'},{field:' price ',title : ' price ' }]});合并后在td上设置属性vertical-align : middle;
显示图片
以上就是本文的全部内容。希望对大家的学习有帮助,支持我们。