欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js控制table合并具體實(shí)現(xiàn)

 更新時(shí)間:2014年02月20日 16:46:43   作者:  
這篇文章主要介紹了js控制table合并的具體實(shí)現(xiàn),需要的朋友可以參考下
復(fù)制代碼 代碼如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title>無(wú)標(biāo)題文檔 </title>
</head>

<body>
<table width="100%" border="1" cellspacing="0" cellpadding="0" id="tab">
<tr>
<td rowspan="0">張三 </td>
<td>男 </td>
<td>22 </td>
<td>數(shù)學(xué) </td>
<td>90 </td>
</tr>
<tr>
<td rowspan="0">張三 </td>
<td>男 </td>
<td>22 </td>
<td>數(shù)學(xué) </td>
<td>90 </td>
</tr>
<tr>
<td rowspan="0">張三 </td>
<td>女 </td>
<td>22 </td>
<td>語(yǔ)文 </td>
<td>70 </td>
</tr>
<tr>
<td rowspan="0">張三 </td>
<td>女 </td>
<td>22 </td>
<td>英語(yǔ) </td>
<td>60 </td>
</tr>
<tr>
<td rowspan="0">李四 </td>
<td>女 </td>
<td>22 </td>
<td>數(shù)學(xué) </td>
<td>60 </td>
</tr>
<tr>
<td rowspan="0">李四 </td>
<td>女 </td>
<td>19 </td>
<td>語(yǔ)文 </td>
<td>60 </td>
</tr>
<tr>
<td rowspan="0">王五 </td>
<td>男 </td>
<td>19 </td>
<td>英語(yǔ) </td>
<td>60 </td>
</tr>
</table>

<script type="text/javascript">
window.onload = function(){
var tab = document.getElementById("tab");
var col =0;

megercell(tab, col);

megercell1(tab, col+1);

for(var i=0; i<tab.rows.length; i++){
// alert(tab.rows[i].cells[0].getAttribute("rowspan"));
}
};


function megercell(tab, col){
count = 1;
val = "";
for(var i=0; i<tab.rows.length; i++){
if(val == tab.rows[i].cells[col].innerHTML){
count++;
}else{
if(count > 1){
from = i - count;

tab.rows[from].cells[col].rowSpan = count;
for(var j=from+1; j<i; j++){
tab.rows[j].cells[col].style.display = "none";
}
count = 1;
}
val = tab.rows[i].cells[col].innerHTML;
}
}
}

function megercell1(tab, col){
count = 1;
val = "";
var rowspan = 0;
for(var i=0; i<tab.rows.length;){
rowspan = parseInt(tab.rows[i].cells[0].getAttribute("rowspan"));

if(rowspan)
{
for(var n = 0; n < rowspan; n++)
{
if(val == tab.rows[i].cells[col].innerHTML){
count++;
}else{
if(count > 1){
from = i - count;
tab.rows[from].cells[col].rowSpan = count;
for(var j=from+1; j<i; j++){
tab.rows[j].cells[col].style.display = "none";
}
count = 1;
}
val = tab.rows[i].cells[col].innerHTML;
}
i++;
}
if(count > 1)
{
from = i - count;

alert(from +" "+ i +" "+ count);
tab.rows[from].cells[col].rowSpan = count;
for(var j=from+1; j<i; j++){
tab.rows[j].cells[col].style.display = "none";
}
}
count = 1;
val = "";
}
else
{
i++;
}
}
}

</script>
</body>
</html>

相關(guān)文章

  • Javascript加載速度慢的解決方案

    Javascript加載速度慢的解決方案

    在網(wǎng)站里面會(huì)加載一些js代碼,統(tǒng)計(jì)啊,百度廣告等等,結(jié)果弄得頁(yè)面加載速度很慢,下面有個(gè)不錯(cuò)的解決方法,大家可以參考下
    2014-03-03
  • 一個(gè)js的tab切換效果代碼[代碼分離]

    一個(gè)js的tab切換效果代碼[代碼分離]

    看了此文(YUI實(shí)現(xiàn)的Tab 切換),有感而發(fā),寫了一個(gè)tab切換的函數(shù),做學(xué)習(xí)之用。原生js實(shí)現(xiàn),因?yàn)榭蚣懿缓猛妗?
    2010-04-04
  • layui的layer.confirm如何獲取按鈕焦點(diǎn)

    layui的layer.confirm如何獲取按鈕焦點(diǎn)

    因?yàn)閍yer.confirm的按鈕并非采用button,而是a標(biāo)簽,所以獲取按鈕焦點(diǎn)獲取不到,要采用別的方法,下面介紹在ie11中和ie8中不同的寫法,對(duì)layui layer.confirm獲取按鈕焦點(diǎn)相關(guān)知識(shí)感興趣的朋友一起看看吧
    2023-11-11
  • 微信小程序?qū)崿F(xiàn)豎排slider效果

    微信小程序?qū)崿F(xiàn)豎排slider效果

    這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)豎排slider效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-06-06
  • bootstrap datepicker 與bootstrapValidator同時(shí)使用時(shí)選擇日期后無(wú)法正常觸發(fā)校驗(yàn)的解決思路

    bootstrap datepicker 與bootstrapValidator同時(shí)使用時(shí)選擇日期后無(wú)法正常觸發(fā)校驗(yàn)的解

    這篇文章主要介紹了bootstrap datepicker 與bootstrapValidator同時(shí)使用時(shí)選擇日期后無(wú)法正常觸發(fā)校驗(yàn)的解決思路的相關(guān)資料,需要的朋友可以參考下
    2016-09-09
  • JavaScript自動(dòng)點(diǎn)擊鏈接 防止繞過瀏覽器訪問的方法

    JavaScript自動(dòng)點(diǎn)擊鏈接 防止繞過瀏覽器訪問的方法

    下面小編就為大家?guī)硪黄狫avaScript自動(dòng)點(diǎn)擊鏈接 防止繞過瀏覽器訪問的方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2017-01-01
  • 淺談js的解析順序 作用域 嚴(yán)格模式

    淺談js的解析順序 作用域 嚴(yán)格模式

    下面小編就為大家?guī)硪黄獪\談js的解析順序 作用域 嚴(yán)格模式。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2017-10-10
  • Bootstrap網(wǎng)格系統(tǒng)詳解

    Bootstrap網(wǎng)格系統(tǒng)詳解

    bootstrap框架中的網(wǎng)格系統(tǒng)就是將容器平分成12份,在使用的時(shí)候可以根據(jù)實(shí)際情況重新編譯LESS/SASS源碼來修改12這個(gè)數(shù)值。接下來通過本文給大家介紹Bootstrap網(wǎng)格系統(tǒng),感興趣的朋友一起學(xué)習(xí)
    2016-04-04
  • 給moz-firefox下添加IE方法和屬性

    給moz-firefox下添加IE方法和屬性

    給moz-firefox下添加IE方法和屬性...
    2007-04-04
  • JavaScript?數(shù)組方法filter與reduce

    JavaScript?數(shù)組方法filter與reduce

    這篇文章主要介紹了JavaScript?數(shù)組方法filter與reduce,在ES6新增的數(shù)組方法中,包含了多個(gè)遍歷方法,其中包含了用于篩選的filter和reduce
    2022-07-07

最新評(píng)論