合并table中某一列相邻的相同的行
合并table中某一列相邻的相同的行
1. [代码]合并table中某一列相邻的相同的行
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>RunJS</title>
<script id="jquery_183" type="text/javascript" class="library" src="http://sandbox.runjs.cn/js/sandbox/jquery/jquery-1.8.3.min.js"></script>
<!-- CSS goes in the document HEAD or added to your external stylesheet -->
<style type="text/css">
table.hovertable {
font-family: verdana,arial,sans-serif;
font-size:11px;
color:#333333;
border-width: 1px;
border-color: #999999;
border-collapse: collapse;
}
table.hovertable th {
background-color:#c3dde0;
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #a9c6c9;
}
table.hovertable tr {
background-color:#d4e3e5;
}
table.hovertable td {
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #a9c6c9;
}
</style>
<script>
$(function(){
$("table tr").live("mouseover",function(){
$(this).css("backgroundColor","#ffff66");
})
$("table tr").live("mouseout",function(){
$(this).css("backgroundColor","#d4e3e5");
})
hebingRows(2);
})
function hebingRows(col){
var trs = $("table tr");
var rows = 1;
for(var i=trs.length;i>0;i--){
var cur = $($(trs[i]).find("td")[col]).text();
var next = $($(trs[i-1]).find("td")[col]).text();
if(cur==next){
rows++;
$($(trs[i]).find("td")[col]).remove();
} else {
$($(trs[i]).find("td")[col]).attr("rowspan",rows);
rows=1;
}
}
}
</script>
</head>
<body>
<!-- Table goes in the document BODY -->
<table class="hovertable">ppt素材
<tr>http://www.huiyi8.com/ppt/
<th>Info Header 1</th><th>Info Header 2</th><th>Info Header 3</th>
</tr>
<tr >
<td>Item 1A</td><td>Item 1B</td><td>Item 1C</td>
</tr>
<tr >
<td>Item 2A</td><td>Item 2B</td><td>Item 1C</td>
</tr>
<tr >
<td>Item 3A</td><td>Item 2B</td><td>Item 1C</td>
</tr>
<tr >
<td>Item 4A</td><td>Item 4B</td><td>Item 2C</td>
</tr>
<tr >
<td>Item 5A</td><td>Item 5B</td><td>Item 2C</td>
</tr>
<tr >
<td>Item 4A</td><td>Item 5B</td><td>Item 3C</td>
</tr>
<tr >
<td>Item 5A</td><td>Item 4B</td><td>Item 4C</td>
</tr>
<tr >
<td>Item 4A</td><td>Item 5B</td><td>Item 4C</td>
</tr>
<tr >
<td>Item 5A</td><td>Item 5B</td><td>Item 5C</td>
</tr>
</table>
</body>
</html>
转载于:https://www.cnblogs.com/xkzy/p/3881235.html
合并table中某一列相邻的相同的行相关推荐
- 使用jquery合并表格中相同文本的相邻单元格
一.效果 二.代码 <!DOCTYPE HTML> <html> <head><title>Example</title><meta ...
- jQuery: 合并表格中相同文本的相邻单元格
一.效果 二.代码 <!DOCTYPE HTML> <html> <head><title>Example</title><meta ...
- php相同数据合并单元格,jQuery_基于jQuery的合并表格中相同文本的相邻单元格的代码,ONE
已经生成的数据表格大致 - phpStudy...
基于jQuery的合并表格中相同文本的相邻单元格的代码 ONE 已经生成的数据表格大致内容如下: 地区 地区 商品代码 商品名称 数量 有效期至 距效期(月) 产品批号 规格 单位 条形码 广东 深圳 ...
- 如何隐藏table 中的指定列?
欢迎关注博主公众号:[纯洁的明依]文章由陈晓阳原创. 本人微信:chenxiaoyangzxy. 免费提供本人大量学习资料. 如何隐藏table 中的指定列?当页面需要显示的内容太多,而页面宽度又不够 ...
- EXCEL中对一列数据每隔n行提取数据出来
工作中,当表格中记录的数据较多,我们又不需要那么多的数据时,同时想希望对一列数据每隔n行提取一个数据出来,这时我们便可以利用excel提供的公式进行数据的提取,处理数据也会更方便... 以下便是我们要 ...
- 自动合并table中相同的单元格以及java自动合并excel相同单元格
一.js版: 示例: var tb = document.getElementById("testtable"); autoRowSpan(tb,0,0,tb.rows.lengt ...
- React前端库,table中的每列内容,进行强制换行的解决方法
1.问题描述: 管理系统的前端实现用的是React+ant design,但是React的table,每列的值,如果用<br />或者/r/n 来实现,则还是换行无效.如下图,SN值是多个 ...
- Vue 点击table中的某列,带参数跳转到另外一个页面
1.在template的table的列上绑定一个单击事件 <el-table-column :label="$t('monitor.alarms')" width=" ...
- OAF TABLE中添加序号列
在实际的OAF页面TABLE的使用中,会有很多时候需要在前台页面中显示序号,虽然在sql中可以使用rownum来获得序号,但是rounum的优先级比order by 高,所以在语句中order by ...
最新文章
- 关闭服务器 找不到文件,在服务器上找不到文件时阻止代码崩溃的方法?
- rds本地库到rds恢复_华为云RDS备份导入到本地
- STM32 CJSON解析说明
- Pricing determination in SAP S4CRM
- CAS和Synchronized知识
- 富文本编辑器 CKeditor
- ZetCode Kotlin 教程
- matplotlib scale 刻度
- 基于云端的通用权限管理系统,SAAS服务,基于SAAS的权限管理,基于SAAS的单点登录SSO,企业单点登录,企业系统监控,企业授权认证中心...
- Q125:PBRT-V3,对比VolPathIntegrator::Li()和EstimateDirect()判断Medium的方式
- UKIEPC 2017
- javascript 弹出层(警告框)的制作(css元素居中、javascript元素居中)
- javascript模块化编程思想(转载网上专家)Javascript模块化编程(一)
- 黑客穷追不舍攻击“谷姐” [转]
- 汽车金融-融资租赁模式信息化系统建设方案
- PS怎么做抽象流彩油画丙烯画效果
- disruptor框架为什么不流行_五笔输入法那么厉害,为什么现在不流行了?
- 微信小程序接入知晓云插件sdk入门
- 爬取东方财富股吧评论
- FPGA 学习笔记:Vivado 2020.2 MicroBlaze MIG 测试 DDR3 篇尾
热门文章
- 为什么现在物质越来越丰富,人的幸福感反而越来越低?
- 职场pua是什么意思,如何反职场pua,职场pua如何走出来
- 真正想创业,做一番事业的人是什么样子的?
- 买断式软件逐渐向订阅式软件发展,是不是资本想一直割韭菜?
- access子窗体的控件vba怎么写_第37讲:VBA代码中运行错误的处理方式
- power bi图表_Power BI中的图表类型概述
- ubuntu 安装sql_在Ubuntu上进行SQL Server安装和故障排除
- sql 会话_在特定会话中禁用SQL Server中的触发器
- sql查询初学者指南_适用于初学者SQL Server查询优化技巧与实际示例
- saltstack(十):saltstack数据系统-grains和pillar