js合并表頭(表頭為a_b、a_c)

代碼

///合并表頭
///table:要操作的表格
///startIndex：要合并的儲存格起始索引
///startIndex：要合并的儲存格結束索引
///colCombine：要合并的列數
function CombineTableHeader(table, startIndex, endIndex,colCombine) {
    var tb = table;
    var newRow = tb.insertRow(0);

    //i:插入的儲存格索引，k：當前操作的儲存格遊標，n：表頭行的最大儲存格數目
    for (var i = 0, k = 0, n = tb.rows[1].cells.length; i < n; i++) {
        var newCell = newRow.insertCell(i);
        
        newCell.style.backgroundColor="#E0E0E0";
        newCell.style.textAlign="center";
        newCell.style.fontWeight="bold";
        newCell.style.height="37px";
        
        if (k >= startIndex && k <= endIndex) {
            var text = tb.rows[1].cells[k].innerText;
            tb.rows[0].cells[i].innerText = text.split("_")[0]
            tb.rows[0].cells[i].colSpan = colCombine;

            for (var x = 0; x < colCombine; x++) {
                tb.rows[1].cells[k].innerText = tb.rows[1].cells[k].innerText.split("_")[1];
                k++;
            }
            n=n-colCombine+1;
        }
        else {
            newCell.innerText = tb.rows[1].cells[k].innerText;
            tb.rows[1].deleteCell(k);            
            newCell.rowSpan = 2;
            startIndex--;
            endIndex--;

        }
    }

}

原

a	b_c	b_d	e
1	2	3	4

 

結果

a	b		e
	c	d
1	2	3	4