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

最新推荐文章于 2021-02-27 14:31:20 发布
最新推荐文章于 2021-02-27 14:31:20 发布
阅读量1.1k 收藏 1
点赞数

在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

hyb1234hi
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JSP Table 单元格合并
07-02
JSP Table 单元格合并 javascript
table表格按列合并相同数据行单元格代码
07-13
在jsp、html页面中实现table表格按列合并相同数据行单元格代码，可实现功能为：在一个table表格中，合并指定列中所有相同数据相邻行单元格内容。
jsp页面中显示word/excel格式的文档的方法
01-20
word页面只要在jsp头设置如下指令： 代码如下:<%@page contentType=”application/msword;charset=GBK” %> excel如下： 代码如下:<%@page contentType=”application/vnd.ms-excel;charset=GBK” %> 您可能感兴趣的文章:JSP上传excel及excel插入至数据库的方法JSP导出Excel文件的方法JSP实现从数据库导出数据到Excel下载的方法jsp实现针对excel及word文档的打印方法jsp导出excel并支持分she
JS+JSP通过img标签调用实现静态页面访问次数统计的方法
11-23
本文实例讲述了JS+JSP通过img标签调用实现静态页面访问次数统计的方法。分享给大家供大家参考，具体如下： 测试页面： test.html   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>test</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="e
如何在vue项目中嵌入jsp页面的方法(2种)
12-28
今日一个项目中一块功能模块是其他系统使用jsp已经开发好的页面，想着直接将其嵌入到当前的vue项目中节约开发成本；但是发现并非想象的那么简单 创建一个server.vue组件加载jsp页面 1 、第一种（使用 v-html进行jsp 渲染） server.vue [removed] export default { name: server,
HTML 06: 表格(TABLE)标记(TAGS)
01-28 670
表格(TABLE)标记(TAGS)   表格的基本语法... - 定义表格 - 定义表行 - 定义表头 - 定义表元(表格的具体数据)带边框的表格：FoodDrinkSweetABC Food Drink Swee
JSP知识点3——JSP内置对象
Knowledge warehouse
04-14 1185
问：什么是JSP内置对象？ 答：JSP内置对象就是指有些对象不用声明就可以在JSP页面的Java程序片和表达式部分使用。 概述： （1）JSP的常用内置对象有request、response、session、application和out。其中response和request对象是JSP内置对象中较为重要的两个，这两个对象提供了对服务器和浏览器通信方法的控制。 （2）HTTP协议被称作“...
JSP中table表格合并列相同的内容
cxws110的博客
07-15 2577
转自：https://blog.csdn.net/qq_34129814/article/details/80255444 页面的table表格中又是需要将相同的数据栏合并，今天就学到了一个简单实用有效的方法： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> ...
Javascript合并表格中具有相同内容的单元格
astrologer_的博客
09-26 3084
HTML或者JSP的TABLE需要不同行但是内容相同的单元格进行合并，本文以省市县为例，对表格中的省市进行二级合并，具体的页面代码和样式不再展示，主要介绍JS如何实现TABLE的单元格合并。
jsp嵌套java_java – 嵌套JSP标记之间的访问变量
weixin_34734156的博客
02-21 157
我想在两个嵌套的JSP tagx工件之间交换信息.举个例子：list.jspx现在,table.tagx应该显示嵌套列标记中定义的数据列.问题是如何从表标记访问嵌套列标记的属性值和标签属性.我尝试了jsp：directive.variable,但似乎只能在jsp和标签之间交换信息,而不是在嵌套标签之间交换信息.注意,我想避免对表和列标签使用java后备对象.我还想知道如何访问由父标记定义的属性(在...
关于table表格中的内容溢出布局方法
09-28
下面小编就为大家带来一篇关于table表格中的内容溢出布局方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
html 中的tr th td
thebesttome的专栏
10-18 4000
转帖地址：http://www.jzxue.com/wangyesheji/html/201104/26-7274.html 表格是html中经常使用到的，简单的使用可能很多人都没问题，但是更深入的了解的人恐怕不多，下面我们先来看一下如何使用。 是的上层标签 必须在一个里面
Jsp基本语法总结
匿名攻城狮
12-19 1130
一、Jsp简介 JSP(全称JavaServer Pages)，是一种动态网页技术标准。 以".jsp"为后缀的文件中既包含HTML静态代码用于表现页面，同时也包含jsp代码，用于生成动态内容。 Jsp作为简化Servlet开发的一种技术，实质上最终依然要转变为Servlet才可以运行，只不过这个转变过程由Servlet容器来完成。 以.jsp为后缀的文件中，可以包含如下内容： HTML(C...
重新学习JSP之七——同名表单元素和隐藏表单元素
Android_la的博客
03-02 1046
一.同名表单元素 1.1什么是同名表单元素 同名表单元素是指在表单中，多个表单元素的名称相同。比如： &amp;lt;form&amp;gt; ... &amp;lt;input type = &quot;text&quot; name = &quot;stuname&quot; &amp;gt; &amp;lt;input type = &quot;text&quot; name = &a
jsp动态生成table并且进行表头表列合并
iteye_18341的博客
07-31 1604
速递内部运费结算总表 function getForm() { return reportForm; } jQuery(function(){ //合并单元格 basicUtility.mergeCell("table1",3,2); basicUtility.merge...
jsp、html页面中合并表格table相同数据列单元代码
qq_35418813的博客
07-13 774
效果图如下： 代码如下：
jsp学习之路之实现一个用户信息页面并实现跳转到另外一个页面输出用户的相关信息
热门推荐
茕夜
09-12 1万+
1.首先，打开MyEclipse工具，新建一个Web Project
java中jsp table标签属性_JSP自定义标签-属性
weixin_30814157的博客
02-27 1944
JSP自定义标签-属性1 带属性的JSP自定义标签对于任何JSP自定义标签，可能都需要定义属性。要定义属性，您需要执行两个任务：使用属性名称在TagHandler类中定义属性并定义setter方法在TLD文件中的tag元素内定义attribute元素让我们通过下面给出的标签来了解属性：上面的m是前缀，show是标签名称，number是属性。2 带属性的JSP自定义标签简单示例在下面的示例中，我们将...
为表格显示定义自定义标记2
musicDrop的专栏
09-29 1906
实现使用 jspTableID 键惟一地标识特定 JSP 页的表格标记项。可以定义任何值，但是要确保它惟一地标识了这个表。表格标记使用两个属性文件 —— TableHeaderDisplay.properties 和 TableValueDisplay.properties —— 指定表标题值和数据值。TableHeaderDisplay.properties 定义列标题名、列宽和 jspTabl
js获取jsp页面上table一行中指定列的数据
最新发布
02-01
在JavaScript中获取jsp页面上table一行中指定列的数据，可以通过以下步骤来实现： 1. 首先，通过document.getElementById或者其他类似的方法获得到要获取数据的table元素的引用。例如，如果table的id为"myTable"，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值