bootstrap table 合並列(只合並相鄰的相同項)


/**
 * 
 * @param bstable    divid
 * @param fieldname  要合並的列屬性名
 */
function mergeTable(bstable, fieldname) {
    var rows = bstable.bootstrapTable('getData');
    var rowspan = 0;
    var index = 0;
    var first_yjzbmc = '';
    $.each(rows, function (i, row) {
        if (i == 0) {
            first_yjzbmc = row[fieldname];
            rowspan = 1;
            index = i;
        } else {
            if (first_yjzbmc === row[fieldname]) {
                rowspan++;
            }
            else {
                $(bstable).bootstrapTable('mergeCells', { index: index, field: fieldname, colspan: 1, rowspan: rowspan });
                first_yjzbmc = row[fieldname];
                rowspan = 1;
                index = i;
            }
            if (i == (rows.length - 1)) {
                $(bstable).bootstrapTable('mergeCells', { index: index, field: fieldname, colspan: 1, rowspan: rowspan });
            }
        }
    });
}

調用:

 onLoadSuccess:function(data){
            mergeTable($('#mianTable'),"qyname");
            mergeTable($('#mianTable'),"sblxName");
        },

效果:


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM