一个JAVASCRIPT实用函数，完成合并表格中列中具有相同内容的列单元格的功能

最新推荐文章于 2021-06-09 10:17:43 发布

渺哥的保护神

最新推荐文章于 2021-06-09 10:17:43 发布

阅读量1.6k

点赞数

分类专栏：【其它技术】文章标签： javascript null string function table 算法

本文链接：https://blog.csdn.net/qiuchun/article/details/129604

版权

【其它技术】专栏收录该内容

3 篇文章 0 订阅

订阅专栏

代码如下：
/*****************************************
名称:MergeTableCell
功能:合并表格中特定列中具有相同内容的列单元格(向下合并)
参数:
TheTable:Table的ID(直接传ID即可,不用加其它父限定)
ColumnIndex:从零开始的要合并列的索引
******************************************/
function MergeTableCell(TheTable,ColumnIndex)
{

   var RowCount = TheTable.rows.length;
   var CurrentRow = null;
   var NextRow = null;
   var MergeTag = 0;
   var StartMergeCell = 0;
   var EndMergeCell = 0;
   var NextCell = null;
   var Iter = 0;


   for(var i=0;i<RowCount;i=Iter)
   {
      MergeTag = 0;
      StartMergeCell = 0;
      EndMergeCell = 0;
      CurrentRow = TheTable.rows(i);
      window.alert(CurrentRow.cells(ColumnIndex).innerText);
      if ((CurrentRow.cells(ColumnIndex) != null)&&(i != RowCount-1))
      {
         for(var j=i+1;j<RowCount;j++)
         {
            NextRow = TheTable.rows(j);
            NextCell = NextRow.cells(ColumnIndex);
            var strNext = new String();
            strNext = NextCell.innerText;
            var strCurr =new String();
            strCurr = CurrentRow.cells(ColumnIndex).innerText;
            if ( strNext != strCurr)
            {
              break;
            }
            else
            {
               if (j==i+1)
               {
                 StartMergeCell = j;
               }
               EndMergeCell = j;
               MergeTag++;
            }

         }

         if (MergeTag != 0)
         {
            CurrentRow.cells(ColumnIndex).rowSpan = MergeTag + 1;
            for(var k=StartMergeCell;k<=EndMergeCell;k++)
            {
               TheTable.rows(k).deleteCell(ColumnIndex);
            }
         }
      }
       Iter = Iter + MergeTag + 1 ;