时间:2021-05-28
本文实例为大家分享了bootstrap table合并行数据并居中对齐的具体代码,供大家参考,具体内容如下
渲染表格后进行数据行合并
onLoadSuccess: function (data) { $('#tableStyle').bootstrapTable('mergeCells', {index: 1, field: 'name', rowspan: 3});}整体代码
$('#tableStyle').bootstrapTable({ url: '/table/tableStyle', method:'post', pagination: true, //分页 pageNumber:1, //初始化加载第一页,默认第一页 pageSize: 10, //每页的记录行数(*) pageList: [10, 25, 50, 100], //可供选择的每页的行数(*) search: false, //显示搜索框 sidePagination: "server", //服务端处理分页 onLoadSuccess: function (data) { $('#tableStyle').bootstrapTable('mergeCells', {index: 1, field: 'name', rowspan: 3}); }, columns: [{ field: '', checkbox:true }, { field: 'name', title: '名称' }, { field: 'price', title: '价格' }] });合并后对td设置属性 vertical-align: middle;
展现图片
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
1、并行数据库1.1、并行数据库的体系结构并行机的出现,催生了并行数据库的出现,不对,应该是关系运算本来就是高度可并行的。对数据库系统性能的度量主要有两种方式:
本文实例为大家分享了vueelement实现表格合并行数据的具体代码,供大家参考,具体内容如下支持不分页的表格数据,分页的表格数据还有小bugexportdef
bootstrap-table下载地址:https://github.com/wenzhixin/bootstrap-table/先来看一张效果图:下载下来后,
最终实现效果为实现行内元素的水平、垂直居中对齐,效果图如下:接下来为实现代码:复制代码代码如下:利用vertical-align实现图片垂直居中对齐#conte
在对设置表格设置table-layer:fixed样式后,发现表格中有一行合并过,其它没有合并的行的列宽会平均化,对列宽的设置会失效。如果把表格的合并行去掉,又