查询出来的数据如何合并单元格(比如说相同的部门合并)

图片说明

8个回答

你设置rowspan不就可以了?

qq_36349726
qq_36349726 我是从数据库查询出来的数据,遍历出来的!
大约 3 年之前 回复

图片说明

自己用js遍历所有tr,查找相同的设置rowspan进行合并,并且删除之后的td

你可以在查数据库的时候顺便把相同部门的信息以及重复次数查出来

DEMO,合并第二列


<table id="tb" border="1">
    <tr><td>1</td><td>xx</td><td>111</td></tr>
    <tr><td>2</td><td>xx</td><td>222</td></tr>
    <tr><td>3</td><td>xx</td><td>333</td></tr>
    <tr><td>4</td><td>xx1</td><td>444</td></tr>
    <tr><td>5</td><td>xx1</td><td>555</td></tr>
    <tr><td>6</td><td>xx2</td><td>66</td></tr>
</table>
<script>
    var tb = document.getElementById('tb'),rowspan=1;
    for (var i = 0; i < tb.rows.length; i++) {
        if (tb.rows[i].cells[1].innerHTML && tb.rows[i + 1] && tb.rows[i + 1].cells[1].innerHTML == tb.rows[i].cells[1].innerHTML) {
            tb.rows[i+1].cells[1].style.display='none'//隐藏此td
            rowspan = 2;
            for (var j = i + 2; j < tb.rows.length; j++) {//继续找后续行是否有相同的
                if (tb.rows[j].cells[1].innerHTML == tb.rows[i].cells[1].innerHTML) rowspan++;
                else break;
            }
            tb.rows[i].cells[1].rowSpan = rowspan;
        }
    }
</script>

或者把查出来的数据按相同部门再处理一下

相同的部门合并,姓名还有存在的必要么?具体想要展示什么内容呢

rowspan就可以解开上述问题

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
table合并单元格,不写死值,只合并行就行
从数据库拿出来行跟列,合并单元格不写死值,可能还要添加行跟列来形成新的单元格,只合并行就行,例如我从数据库取出来的数据时这样的 ![图片说明](https://img-ask.csdn.net/upload/201706/07/1496826010_525675.png) 举个例子1行1列有数据2行1列无数据,然后这就可以合并了,假如3行1列还无数据,哪就rowspan=3,就这个合并,如果3行1列有数据哪就不用合并直接显示这个TD就行,我可以往数据库里可以添加或者删除某条数据,然后生成新的单元格,就是想动态生成合并单元格的功能。
c#导出数据至excel,并且当数据相同时合并单元格
c#导出数据至excel,并且当数据相同时合并单元格!!!!
poi如何判断excel单元格为合并单元格
今天在用poi读取excel表格的时候发现使用cell.getArrayFormulaRange()并不能返回这个单元格的边界。请问该如何判断单元格为合并单元格并获取合并单元格的行数列数
POI如何修改一个Excel的合并单元格的值(合并单元格原来有值的)?
POI如何修改一个Excel的合并单元格的值(合并单元格原来有值的)?
根据第一列的内容进行合并单元格,相同内容合并 js
根据第一列的内容进行合并单元格,相同内容合并 js 第一列的内容不相同,后面的列数相同也不合并 合并之前: ![图片说明](https://img-ask.csdn.net/upload/201801/18/1516253742_151090.png) 合并之后: ![图片说明](https://img-ask.csdn.net/upload/201801/18/1516242180_836325.png)
jxl 如何判断 单元格是 空单元格 还是 合并单元格
我现在碰到的问题 用jxl 读取excel 读取空单元格 和 合并单元格(除第一行)的 结果都会得到一个空字符串。 不知道如何区分。我是按行读取的。 网上是用 Sheet(工作空间).getMergedCells() (获取工作空间中所有合并的单元格) 这和我想要的要差距, 我需要是按行读取入库, 如果采用如上方法,只是录入合并单元格。然后那些不是合并单元格的 怎么办?
java怎么将 excel表格含义空单元格、合并的单元格怎么导入数据库
java excel表格含义空单元格、合并的单元格怎么导入数据库
c# dev 控件 GridView 如何通过拖拽方式合并单元格
请问,指定某一列,如何通过拖拽某个单元格,放到另一个单元格的上方,或者下方,让两个单元格合并,且内容放在一起,本菜鸟已经实现了拖拽的功能,可是合并单元 格发现,合并的都是相同数据的,请高手解答下
easypoi导入excel怎么获取合并单元格数据?
easypoi导入excel文件的时候,如果excel存在合并单元格,只能在单元格第一行取到数据,后面几行取不到,请问下怎么取呢 ![图片说明](https://img-ask.csdn.net/upload/201908/01/1564638406_23451.png)
bootstrap表格获取数据合并单元格问题
![图片说明](https://img-ask.csdn.net/upload/201711/01/1509522299_399499.png) 空白部分都是从后台获取的数据,但有列是固定文字,第一列合并单元格,请问如何实现?拜托各位大神了。
c#怎么判断word中table 单元格为合并单元格,以及合并单元格的范围。
在做一个一级考试系统,用C#如何提取word中的合并单元格,以及这些格里面的内容,字体,字号大小等!希望大家给帮帮忙!
DataGridView关于合并单元格的问题
Winforms下的DataGridView如何合并单元格,在网上搜了一些,都是合并的行,请问怎么合并列呢?
c#导出表格时如何合并单元格
在导出单元格的时候,有的地方需要合并单元格,有的则不需要,怎么弄 ,求解
js-xlsx合并单元格的边框样式怎么设置
![图片说明](https://img-ask.csdn.net/upload/201804/08/1523169082_199324.png) 边框样式 {top:{style:'thin'}, left:{style:'thin'},bottom:{style:'thin'},right:{style:'thin'}} 我现在能设置多级表头,表格颜色与字体标注,就差边框设置了,非合并的单元格设置s的border是可以的,但是一遇到合并单元格的情况就无法正常设置边框了,部分单元格会出现缺少边框的情况
实现单元格的动态合并
handsontable如何实现单元格的自动合并,当前台导入一个excel的时候存储到数据库, 当在前台页面显示的时候,如何做到将excel里的合并单元格动态的显示在页面中
POI获取excle合并单元格以及没有合并单元格的数据
问题描述:如果excle表里最后一行数据是没有合并的,就取不到值,如果最后一行是合并过的数据,就都能取得到了(合并未合并的都可以获取到)。有大神可以帮忙看一下代码解决一下吗,谢谢啦。 package service; import java.io.File; import java.io.FileInputStream; import java.io.IOException; import java.io.InputStream; import java.util.ArrayList; import java.util.HashSet; import java.util.Set; import org.apache.poi.hssf.usermodel.HSSFRow; import org.apache.poi.hssf.usermodel.HSSFSheet; import org.apache.poi.hssf.usermodel.HSSFWorkbook; import org.apache.poi.ss.usermodel.Sheet; import org.apache.poi.ss.util.CellRangeAddress; import org.apache.poi.xssf.usermodel.XSSFRow; import org.apache.poi.xssf.usermodel.XSSFSheet; import org.apache.poi.xssf.usermodel.XSSFWorkbook; import entity.Table; public class ExcelOp { public String excelPath; public ExcelOp(String excelPath) { this.excelPath = excelPath; } public String getExcelPath() { return excelPath; } public void setExcelPath(String excelPath) { this.excelPath = excelPath; } /** * * @param excelPath:excel路径 * @param args:需要操作的列 * @throws IOException */ @SuppressWarnings("resource") public ArrayList<Table> readExcel() throws IOException{ File excelFile = new File(excelPath); InputStream is = new FileInputStream(excelFile); // 获取文件输入流 ArrayList<Table> list = null; String suffix = excelPath.substring(excelPath.lastIndexOf(".")+1); if(suffix.equals("xls")){ HSSFWorkbook workbook = null; workbook = new HSSFWorkbook(is); if(workbook != null){ HSSFSheet sheet = workbook.getSheetAt(1);//获取第二张表 if(sheet == null){ System.out.println(); return null; } list = new ArrayList<Table>(); int combineLines = 1; int number = 1; //读取行 for (int rowNum = 3; rowNum < sheet.getLastRowNum(); rowNum+=combineLines) { HSSFRow row = sheet.getRow(rowNum); if (row == null) continue; Table tb = new Table(); tb.setNumber("3.1." + number); // tb.setTestData(row.getCell(0).toString()); tb.setTitle(row.getCell(1).toString()); //Word换行主要有两大类,一类是表格单元格文本的换行,另一类是表格之外的文本的换行。对于表格外的文本我们可以使用“\r”或者“(char)11”来换行,然而对于表格内的文本我们只能使用“(char)11”来进行换行操作。 // tb.setFunctionPoint(row.getCell(2).toString().replace('\n', (char)11)); tb.setFunctionPoint(row.getCell(2).toString()); combineLines = isMergedRegion(sheet, rowNum, 1); String process = ""; String conclusion = ""; Set<String> s = new HashSet<String>(); for (int i = rowNum; i< rowNum + combineLines; i++) { //步骤 HSSFRow r1 = sheet.getRow(i); // process += r1.getCell(5).toString() + (char)11 + (char)11; process += r1.getCell(5).toString() + "\n" + "\n"; //结果 String result = r1.getCell(7).toString(); s.add(result); } tb.setProcess(process); tb.setConclusion(conclusion); number++; list.add(tb); } } } return list; } //返回合并单元格占用行数 public int isMergedRegion(Sheet sheet, int row, int column) { int sheetMergeCount = sheet.getNumMergedRegions(); for (int i = 0; i < sheetMergeCount; i++) { CellRangeAddress range = sheet.getMergedRegion(i); int firstRow = range.getFirstRow(); int lastRow = range.getLastRow(); int firstColumn = range.getFirstColumn(); int lastColumn = range.getLastColumn(); if (row >= firstRow && row <= lastRow) { if(column >= firstColumn && column <= lastColumn){ return lastRow - firstRow + 1; } } } return 1; } }
winform中使用sourceGrid合并单元格出错
新人请教各位: 用source grid做一个表格,就是想用它的合并单元格功能。 出现了一个问题,在合并一定数量的单元格后,合并单元格的那行代码报错: 代码:listGrid[x][1, 4 + i * (2)].ColumnSpan = 2; 报错:range is out of the bounds of this quadtree node 但是不合并单元格的话,往后添加单列没问题,可以一直添加下去 如图所示,合并单元格只能合并到“责任人7”之前的列,要合并后面的列就报错,表格第一层的“统计”单元格也不能合并到“责任人7”所在的那列,报同样的错 ![图片说明](https://img-ask.csdn.net/upload/201509/07/1441619545_178425.png) 请问这是怎么回事
C# DataGridView合并单元格打印的问题
我用网上介绍的办法,实现了DataGridView单元格的合并。 [http://www.cnblogs.com/peterzb/archive/2009/05/29/1491891.html](http://www.cnblogs.com/peterzb/archive/2009/05/29/1491891.html "") ![就是这个方法](https://img-ask.csdn.net/upload/201608/18/1471524431_622162.jpg) 现在的问题是,我想把这个包含合并单元格格式的datagridview打印出来,用了各种办法都不行,打印出来的都是没有合并单元格的样子,求解决办法!谢谢 或者,怎么把导出到EXCEL,保留合并单元格,我用EXCEL打印也是可以的
xlwings模块读取合并单元格如何保留每个单元格都是原值
读取已合并的单元格时,默认只保留左上角的单元格有值,其他会变成None,如何使得读取的时候每个单元格都保留原值
Java学习的正确打开方式
在博主认为,对于入门级学习java的最佳学习方法莫过于视频+博客+书籍+总结,前三者博主将淋漓尽致地挥毫于这篇博客文章中,至于总结在于个人,实际上越到后面你会发现学习的最好方式就是阅读参考官方文档其次就是国内的书籍,博客次之,这又是一个层次了,这里暂时不提后面再谈。博主将为各位入门java保驾护航,各位只管冲鸭!!!上天是公平的,只要不辜负时间,时间自然不会辜负你。 何谓学习?博主所理解的学习,它是一个过程,是一个不断累积、不断沉淀、不断总结、善于传达自己的个人见解以及乐于分享的过程。
程序员必须掌握的核心算法有哪些?
由于我之前一直强调数据结构以及算法学习的重要性,所以就有一些读者经常问我,数据结构与算法应该要学习到哪个程度呢?,说实话,这个问题我不知道要怎么回答你,主要取决于你想学习到哪些程度,不过针对这个问题,我稍微总结一下我学过的算法知识点,以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的,并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构,当然,我也会整理一些看过...
大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了
大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...
linux系列之常用运维命令整理笔录
本博客记录工作中需要的linux运维命令,大学时候开始接触linux,会一些基本操作,可是都没有整理起来,加上是做开发,不做运维,有些命令忘记了,所以现在整理成博客,当然vi,文件操作等就不介绍了,慢慢积累一些其它拓展的命令,博客不定时更新 free -m 其中:m表示兆,也可以用g,注意都要小写 Men:表示物理内存统计 total:表示物理内存总数(total=used+free) use...
比特币原理详解
一、什么是比特币 比特币是一种电子货币,是一种基于密码学的货币,在2008年11月1日由中本聪发表比特币白皮书,文中提出了一种去中心化的电子记账系统,我们平时的电子现金是银行来记账,因为银行的背后是国家信用。去中心化电子记账系统是参与者共同记账。比特币可以防止主权危机、信用风险。其好处不多做赘述,这一层面介绍的文章很多,本文主要从更深层的技术原理角度进行介绍。 二、问题引入 假设现有4个人...
程序员接私活怎样防止做完了不给钱?
首先跟大家说明一点,我们做 IT 类的外包开发,是非标品开发,所以很有可能在开发过程中会有这样那样的需求修改,而这种需求修改很容易造成扯皮,进而影响到费用支付,甚至出现做完了项目收不到钱的情况。 那么,怎么保证自己的薪酬安全呢? 我们在开工前,一定要做好一些证据方面的准备(也就是“讨薪”的理论依据),这其中最重要的就是需求文档和验收标准。一定要让需求方提供这两个文档资料作为开发的基础。之后开发...
网页实现一个简单的音乐播放器(大佬别看。(⊙﹏⊙))
今天闲着无事,就想写点东西。然后听了下歌,就打算写个播放器。 于是乎用h5 audio的加上js简单的播放器完工了。 演示地点演示 html代码如下` music 这个年纪 七月的风 音乐 ` 然后就是css`*{ margin: 0; padding: 0; text-decoration: none; list-...
Python十大装B语法
Python 是一种代表简单思想的语言,其语法相对简单,很容易上手。不过,如果就此小视 Python 语法的精妙和深邃,那就大错特错了。本文精心筛选了最能展现 Python 语法之精妙的十个知识点,并附上详细的实例代码。如能在实战中融会贯通、灵活使用,必将使代码更为精炼、高效,同时也会极大提升代码B格,使之看上去更老练,读起来更优雅。
数据库优化 - SQL优化
以实际SQL入手,带你一步一步走上SQL优化之路!
通俗易懂地给女朋友讲:线程池的内部原理
餐盘在灯光的照耀下格外晶莹洁白,女朋友拿起红酒杯轻轻地抿了一小口,对我说:“经常听你说线程池,到底线程池到底是个什么原理?”
经典算法(5)杨辉三角
杨辉三角 是经典算法,这篇博客对它的算法思想进行了讲解,并有完整的代码实现。
使用 Docker 部署 Spring Boot 项目
Docker 技术发展为微服务落地提供了更加便利的环境,使用 Docker 部署 Spring Boot 其实非常简单,这篇文章我们就来简单学习下。首先构建一个简单的 S...
英特尔不为人知的 B 面
从 PC 时代至今,众人只知在 CPU、GPU、XPU、制程、工艺等战场中,英特尔在与同行硬件芯片制造商们的竞争中杀出重围,且在不断的成长进化中,成为全球知名的半导体公司。殊不知,在「刚硬」的背后,英特尔「柔性」的软件早已经做到了全方位的支持与支撑,并持续发挥独特的生态价值,推动产业合作共赢。 而对于这一不知人知的 B 面,很多人将其称之为英特尔隐形的翅膀,虽低调,但是影响力却不容小觑。 那么,在...
面试官:你连RESTful都不知道我怎么敢要你?
干货,2019 RESTful最贱实践
刷了几千道算法题,这些我私藏的刷题网站都在这里了!
遥想当年,机缘巧合入了 ACM 的坑,周边巨擘林立,从此过上了"天天被虐似死狗"的生活… 然而我是谁,我可是死狗中的战斗鸡,智力不够那刷题来凑,开始了夜以继日哼哧哼哧刷题的日子,从此"读题与提交齐飞, AC 与 WA 一色 ",我惊喜的发现被题虐既刺激又有快感,那一刻我泪流满面。这么好的事儿作为一个正直的人绝不能自己独享,经过激烈的颅内斗争,我决定把我私藏的十几个 T 的,阿不,十几个刷题网...
白话阿里巴巴Java开发手册高级篇
不久前,阿里巴巴发布了《阿里巴巴Java开发手册》,总结了阿里巴巴内部实际项目开发过程中开发人员应该遵守的研发流程规范,这些流程规范在一定程度上能够保证最终的项目交付质量,通过在时间中总结模式,并推广给广大开发人员,来避免研发人员在实践中容易犯的错误,确保最终在大规模协作的项目中达成既定目标。 无独有偶,笔者去年在公司里负责升级和制定研发流程、设计模板、设计标准、代码标准等规范,并在实际工作中进行...
SQL-小白最佳入门sql查询一
不要偷偷的查询我的个人资料,即使你再喜欢我,也不要这样,真的不好;
redis分布式锁,面试官请随便问,我都会
文章有点长并且绕,先来个图片缓冲下! 前言 现在的业务场景越来越复杂,使用的架构也就越来越复杂,分布式、高并发已经是业务要求的常态。像腾讯系的不少服务,还有CDN优化、异地多备份等处理。 说到分布式,就必然涉及到分布式锁的概念,如何保证不同机器不同线程的分布式锁同步呢? 实现要点 互斥性,同一时刻,智能有一个客户端持有锁。 防止死锁发生,如果持有锁的客户端崩溃没有主动释放锁,也要保证锁可以正常释...
项目中的if else太多了,该怎么重构?
介绍 最近跟着公司的大佬开发了一款IM系统,类似QQ和微信哈,就是聊天软件。我们有一部分业务逻辑是这样的 if (msgType = "文本") { // dosomething } else if(msgType = "图片") { // doshomething } else if(msgType = "视频") { // doshomething } else { // doshom...
Nginx 原理和架构
Nginx 是一个免费的,开源的,高性能的 HTTP 服务器和反向代理,以及 IMAP / POP3 代理服务器。Nginx 以其高性能,稳定性,丰富的功能,简单的配置和低资源消耗而闻名。 Nginx 的整体架构 Nginx 里有一个 master 进程和多个 worker 进程。master 进程并不处理网络请求,主要负责调度工作进程:加载配置、启动工作进程及非停升级。worker 进程负责处...
“狗屁不通文章生成器”登顶GitHub热榜,分分钟写出万字形式主义大作
一、垃圾文字生成器介绍 最近在浏览GitHub的时候,发现了这样一个骨骼清奇的雷人项目,而且热度还特别高。 项目中文名:狗屁不通文章生成器 项目英文名:BullshitGenerator 根据作者的介绍,他是偶尔需要一些中文文字用于GUI开发时测试文本渲染,因此开发了这个废话生成器。但由于生成的废话实在是太过富于哲理,所以最近已经被小伙伴们给玩坏了。 他的文风可能是这样的: 你发现,...
程序员:我终于知道post和get的区别
是一个老生常谈的话题,然而随着不断的学习,对于以前的认识有很多误区,所以还是需要不断地总结的,学而时习之,不亦说乎
《程序人生》系列-这个程序员只用了20行代码就拿了冠军
你知道的越多,你不知道的越多 点赞再看,养成习惯GitHub上已经开源https://github.com/JavaFamily,有一线大厂面试点脑图,欢迎Star和完善 前言 这一期不算《吊打面试官》系列的,所有没前言我直接开始。 絮叨 本来应该是没有这期的,看过我上期的小伙伴应该是知道的嘛,双十一比较忙嘛,要值班又要去帮忙拍摄年会的视频素材,还得搞个程序员一天的Vlog,还要写BU...
加快推动区块链技术和产业创新发展,2019可信区块链峰会在京召开
11月8日,由中国信息通信研究院、中国通信标准化协会、中国互联网协会、可信区块链推进计划联合主办,科技行者协办的2019可信区块链峰会将在北京悠唐皇冠假日酒店开幕。   区块链技术被认为是继蒸汽机、电力、互联网之后,下一代颠覆性的核心技术。如果说蒸汽机释放了人类的生产力,电力解决了人类基本的生活需求,互联网彻底改变了信息传递的方式,区块链作为构造信任的技术有重要的价值。   1...
Java世界最常用的工具类库
Apache Commons Apache Commons有很多子项目 Google Guava 参考博客
程序员把地府后台管理系统做出来了,还有3.0版本!12月7号最新消息:已在开发中有github地址
第一幕:缘起 听说阎王爷要做个生死簿后台管理系统,我们派去了一个程序员…… 996程序员做的梦: 第一场:团队招募 为了应对地府管理危机,阎王打算找“人”开发一套地府后台管理系统,于是就在地府总经办群中发了项目需求。 话说还是中国电信的信号好,地府都是满格,哈哈!!! 经常会有外行朋友问:看某网站做的不错,功能也简单,你帮忙做一下? 而这次,面对这样的需求,这个程序员...
网易云6亿用户音乐推荐算法
网易云音乐是音乐爱好者的集聚地,云音乐推荐系统致力于通过 AI 算法的落地,实现用户千人千面的个性化推荐,为用户带来不一样的听歌体验。 本次分享重点介绍 AI 算法在音乐推荐中的应用实践,以及在算法落地过程中遇到的挑战和解决方案。 将从如下两个部分展开: AI算法在音乐推荐中的应用 音乐场景下的 AI 思考 从 2013 年 4 月正式上线至今,网易云音乐平台持续提供着:乐屏社区、UGC...
【技巧总结】位运算装逼指南
位算法的效率有多快我就不说,不信你可以去用 10 亿个数据模拟一下,今天给大家讲一讲位运算的一些经典例子。不过,最重要的不是看懂了这些例子就好,而是要在以后多去运用位运算这些技巧,当然,采用位运算,也是可以装逼的,不信,你往下看。我会从最简单的讲起,一道比一道难度递增,不过居然是讲技巧,那么也不会太难,相信你分分钟看懂。 判断奇偶数 判断一个数是基于还是偶数,相信很多人都做过,一般的做法的代码如下...
为什么要学数据结构?
一、前言 在可视化化程序设计的今天,借助于集成开发环境可以很快地生成程序,程序设计不再是计算机专业人员的专利。很多人认为,只要掌握几种开发工具就可以成为编程高手,其实,这是一种误解。要想成为一个专业的开发人员,至少需要以下三个条件: 1) 能够熟练地选择和设计各种数据结构和算法 2) 至少要能够熟练地掌握一门程序设计语言 3) 熟知所涉及的相关应用领域的知识 其中,后两个条件比较容易实现,而第一个...
Android 9.0 init 启动流程
阅读五分钟,每日十点,和您一起终身学习,这里是程序员Android本篇文章主要介绍Android开发中的部分知识点,通过阅读本篇文章,您将收获以下内容:一、启动流程概述一、 启动流程概述Android启动流程跟Linux启动类似,大致分为如下五个阶段。1.开机上电,加载固化的ROM。2.加载BootLoader,拉起Android OS。3.加载Uboot,初始外设,引导Kernel启动等。...
相关热词 c# 二进制截断字符串 c#实现窗体设计器 c#检测是否为微信 c# plc s1200 c#里氏转换原则 c# 主界面 c# do loop c#存为组套 模板 c# 停掉协程 c# rgb 读取图片
立即提问