在JSP页面

头部引入以下脚本：

<script type="text/javascript">
 function parallelTable(tb) {
  var tab = document.getElementByIdx_x(tb);
  if (!checkTable(tb))
   return;
  var i = 0;
  var j = 0;
  var rowCount = tab.rows.length;
  var colCount = tab.rows[0].cells.length;
  var obj1 = null;
  var obj2 = null;

for (i = 0; i < rowCount; i++) {
   for (j = 0; j < colCount; j++) {
    tab.rows[i].cells[j].id = "tb__" + i.toString() + "_"
      + j.toString();
   }
  }

var k=0;
  obj1 = document.getElementByIdx_x("tb__0_" + k.toString());
  for (j = 1; j < rowCount; j++) {
   obj2 = document.getElementByIdx_x("tb__" + j.toString() + "_"
     + k.toString());
   if (obj1.innerHTML == obj2.innerHTML) {
    obj1.rowSpan++;
    obj2.parentNode.removeChild(obj2);
   } else {
    obj1 = document.getElementByIdx_x("tb__" + j.toString() + "_"
      + k.toString());
   }
  }
 }

function checkTable(tb) {
  var tab = document.getElementByIdx_x(tb);
  if (tab.rows.length == 0)
   return false;
  if (tab.rows[0].cells.length == 0) {
   return false;
  }

for ( var i = 0; i < tab.rows.length; i++) {

if (tab.rows[0].cells.length != tab.rows[i].cells.length)
    return false;
  }

return true;
 }
</script>

【调用方法】：

1、<body οnlοad="parallelTable('tjsp')"> 在body标签中onload该脚本方法

2、<table id="tjsp"width="770" cellpadding="0" cellspacing="0"> 在所需要合的table中标记id

jsp页面中Table表格首列合并同类项的脚本调用方法相关推荐

  1. 使用该JavaBean可以将数据在JSP页面中以表格的形式显示出来 并具有动态排序 动态生成查询 自动分页功能

    分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow 也欢迎大家转载本篇文章.分享知识,造福人民,实现我们中华民族伟大复兴! 使用该类 ...

  2. table表格首列首行固定

    本方法对于复杂类型的表表头同样适用,对于那些并行并列的(colspan或者rowspan),不过需要在表格创建后自己额外修改自动生成表格 第一步引入js //可以去这里下载自己重新创建一个,还需要引用 ...

  3. Jsp页面用table表格来让文字和文本框对齐

    1, border="0" cellpadding="0" cellspacing="20", 第一个是页边距要设置0,第二个是用来指定单元 ...

  4. 06 - table表格标签+ 行合并+列合并

    1.table  表格标签属性 在小程序中查看 cellspacing="0"  表格边框合并: 表格:table       行:tr       列:td 属性:       ...

  5. poi中word中表格跨列合并以及不兼容wps问题，java下 linux下word转pdf 问题解决

    最近需要在word中绘制表格,绘制完成后发现 wps不支持poi的跨列合并,百度没有找到好的解决办法.自己在office中把文档转换为doc格式之后发现wps可以正常显示word中的表格了,同时之前微 ...

  6. layui table 添加img_layui中table表格的基本操作

    最近抽空总结了下layui中table表格的相关配置,解释的比较全面,可供大家参考,页面效果如下: table表格.png table表格html部分: 新增 备注 编辑 table表格渲染js (包 ...

  7. html excel导出的路径,html 导出多个excel表格数据-如何将html页面中的表格导出到excel表格...

    怎样将html表格导出到excel中啊?我用的是asp.net. stringbuilder拼接的也就是说,是用字符组成的表格,这并不是意义上的表格. 要实现导出EXCEL的较麻烦,给你讲一下解题思路 ...

  8. HTML中table表格拆分合拼(colspan、rowspan)

    本文关键介绍了HTML中table表格拆分合拼(colspan.rowspan),原文中根据实例编码介绍的十分详尽,对大伙儿的学习或是工作中具备一定的参照学习使用价值,必须的小伙伴们下边伴随着小编来一 ...

  9. vue中table表格导出为图片格式

    vue中table表格点击下载为图片格式 实现思路:给页面中需要导出为图片的内容添加id名,调用封好的方法即可直接导出.以下是具体的实现方法 1.安装依赖 npm install --save htm ...

最新文章

  1. 如何编写 Nagios 插件
  2. SQL语句中用Parameters有什么好处
  3. IBM AIX服务器分区之间迁移IO设备以迁移HBA卡为例
  4. 利用sshpass实现ansible功能
  5. Mapreduce的工作流程
  6. odoo中tree视图上面添加按钮并绑定事件
  7. spark hive 结合处理 把多行变成多列
  8. Spark Runtime概述
  9. XCode帮助文档离线下载解决办法
  10. android 微信6.1版本,微信6.1老版本-微信旧版6.1安卓版下载-Appfound
  11. MCU_ZigBee协议栈相关函数总结
  12. Asp.Net 企业微信JS-SDK开发（随手笔记）
  13. android桌面小部件开发
  14. 物联网如何测试（一）
  15. 老飞飞魅力飞飞关于攻击辅助研究带易语言源码视频教程
  16. DCOS之Mesos-DNS介绍
  17. 深度解析！短视频如何成为现象级产品
  18. win10 1073linux密码,Linux Bash on Win10 忘记密码解决
  19. CAN总线通信——CAN通信的数据帧（Data Frame）
  20. flask中flash(闪现)的使用

热门文章

  1. 计算机网络之『路由器的配置』
  2. 独家专访腾讯云CTO王慧星：云技术变革上下二十年
  3. 《Windows 8 权威指南》——2.4　Aero与Metro的触摸对比
  4. 如何在wince下添加和删除驱动（作者：wogoyixikexie@gliet）
  5. Spring Boot入门系列（六）Spring Boot如何使用Mybatis XML 配置版【附详细步骤】
  6. 浅析GPU计算——CPU和GPU的选择
  7. [空间记录]嚯哈哈,空间访问量突破一万,纪念一下.
  8. 2011年1月22日 上野公园，秋叶原游记
  9. MDT 2013 从入门到精通之Office 2013应答文件生成
  10. 三线制Pt100隔离器在掘进机电机保护系统中的应用