本文實例為大家分享了bootstrap table合并行數(shù)據(jù)并居中對齊的具體代碼,供大家參考,具體內(nèi)容如下
渲染表格后進行數(shù)據(jù)行合并
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, //每頁的記錄行數(shù)(*) pageList: [10, 25, 50, 100], //可供選擇的每頁的行數(shù)(*) 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;
展現(xiàn)圖片

以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持武林網(wǎng)。
新聞熱點
疑難解答