当前位置: 代码迷 >> Java Web开发 >> jquery合龙单元格并添加合计
  详细解决方案

jquery合龙单元格并添加合计

热度:5282   发布时间:2013-02-25 21:15:37.0
jquery合并单元格并添加合计
//页面加载时调用合并方法,只对第一第二列进行合并
 $(document).ready(function(){  
  _w_table_rowspan("#tab",2);
  _w_table_rowspan("#tab",1);
 });

//参数_w_table_id为table的id,_w_table_colnum为要合并的单元格的列
function _w_table_rowspan(_w_table_id,_w_table_colnum){
  _w_table_firsttd = "";
  _w_table_currenttd = "";
  _w_table_SpanNum = 0;
  var sumHtml = "<td colspan='5'>合计</td>";;
  _w_table_Obj = $(_w_table_id + " tr td:nth-child(" + _w_table_colnum + ")");
  _w_table_Obj.each(function(i){
  if(i==0){
  _w_table_firsttd = $(this);
  _w_table_SpanNum = 1;
  //alert("_w_table_firsttd;"+_w_table_firsttd.text());
  }else{
  _w_table_currenttd = $(this);
  //alert("_w_table_currenttd;"+_w_table_currenttd.text());
  if(_w_table_firsttd.text()==_w_table_currenttd.text()){
  _w_table_SpanNum++;
  _w_table_currenttd.hide();
  _w_table_firsttd.attr("rowSpan",_w_table_SpanNum);
  }else{
  _w_table_firsttd = $(this);
  _w_table_SpanNum = 1;
  }
  }
  //$(this).append(sumHtml)
  }); 
}
页面上用上面的代码进行单元格的合并,现在想在每个合并后的项下面添加一个合计行,对所合并的那几项求和,现在共有六列,要对第5和第6列进行求和,每合并一次,就在合并行后面添加一个合计行进行求和,要怎么实现,求高手指点。

------解决方案--------------------------------------------------------
看看这个帖子是不是有用
http://topic.csdn.net/u/20090306/08/e126b330-21c3-4b4c-bc69-bd44225da947
------解决方案--------------------------------------------------------
var sum = 第五列+第六列的值;
var ht = "<td>合计:sum</td>"
$("trID").append(ht);
楼主的代码看着眼睛有点花,没看,加上语言看的清楚一点,添加的话用append的方法来呗
------解决方案--------------------------------------------------------
你append的是行,和列有什么关系?

从你给的示例来看,每次需要添加的行必定在每次计算后。

能否给个图或者说一下你这个的应用场景?
  相关解决方案