利用js 合并table 單元格實現(xiàn)以下效果
來源:易賢網(wǎng) 閱讀:3599 次 日期:2014-12-19 12:00:21
溫馨提示:易賢網(wǎng)小編為您整理了“利用js 合并table 單元格實現(xiàn)以下效果”,方便廣大網(wǎng)友查閱!

名單

代碼如下:

<body onload="autoRowSpan(tbID,1,2)">

名單2

JS代碼:

<script type="text/javascript">

function autoRowSpan(tableID, rowNumber, colNumber) {

var lastValue = "";

var value = "";

var pos = 1;

var i = rowNumber;

$("#tbID .Acdtr").each(function () {

value = $(this).children().eq(2).text();

if (lastValue == value) {

tableID.rows[i].deleteCell(colNumber);

tableID.rows[i - pos].cells[colNumber].rowSpan = tableID.rows[i - pos].cells[colNumber].rowSpan + 1;

tableID.rows[i].deleteCell(1);

tableID.rows[i - pos].cells[1].rowSpan = tableID.rows[i - pos].cells[1].rowSpan + 1;

pos++;

}

else {

lastValue = value;

pos = 1;

}

i++;

});

}

</script>

更多信息請查看IT技術(shù)專欄

更多信息請查看腳本欄目
易賢網(wǎng)手機網(wǎng)站地址:利用js 合并table 單元格實現(xiàn)以下效果
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點

版權(quán)所有:易賢網(wǎng)