CN112347746A - 一种动态合并网页表格的方法 - Google Patents
一种动态合并网页表格的方法 Download PDFInfo
- Publication number
- CN112347746A CN112347746A CN202011168196.7A CN202011168196A CN112347746A CN 112347746 A CN112347746 A CN 112347746A CN 202011168196 A CN202011168196 A CN 202011168196A CN 112347746 A CN112347746 A CN 112347746A
- Authority
- CN
- China
- Prior art keywords
- data
- array
- row
- column
- value
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 37
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/166—Editing, e.g. inserting or deleting
- G06F40/174—Form filling; Merging
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Health & Medical Sciences (AREA)
- Artificial Intelligence (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
Abstract
本发明涉及一种动态合并网页表格的方法,包括以下步骤:对后台返回的一个表格或多个表格中的每一个表格的数据,根据需要处理的列名,生成一个对象数组;遍历表格中的数据,将除第一个数据外的每一个数据和前面的数据进行比较,动态调整所述对象数组;采用arraySpanMethod方法进行数据展示;页面根据arraySpanMethod方法返回的值,将表格中指定位置的数据进行合并。本发明能够处理网页上多个表格数据,并根据后台返回的数据,可以动态处理多个表格数据,且可以合并多个列,对于列可以根据需求自主选择。
Description
技术领域
本发明涉及网页表格处理技术领域,具体的说是一种动态合并网页表格的方法。
背景技术
现在网页上的表格数据展示一般有三大类,第一类:单纯的将后台的表格数据在网页上进行展示,对一列中相同的数据不进行合并。第二类:对网页表格中合并固定位置的数据,该方法只适用于后端返回的数据固定,每次需要合并的数据位置固定,该方法缺乏灵活度,若后台放回的数据是不固定的,则该方法不适合。第三类:根据后台返回的表格数据合并固定一列的数据,但是该方法不适合于后台返回多个表格数据的情况。
发明内容
针对现有技术中存在的上述不足之处,本发明要解决的技术问题是提供一种动态合并网页表格的方法,可以对后台返回的多个表格数据,合并多列数据中相同的值。
本发明为实现上述目的所采用的技术方案是:一种动态合并网页表格的方法,包括以下步骤:
对后台返回的一个表格或多个表格中的每一个表格的数据,根据需要处理的列名,生成一个对象数组;
遍历表格中需要处理的列的数据,将除第一个数据外的每一个数据和前面的数据进行比较,动态调整所述对象数组;
采用行合并方法进行数据展示;
页面根据行合并方法返回的值,将表格中指定位置的数据进行合并。
所述根据需要处理的列名,生成一个对象数组,具体为:
将从后台得到的一个或多个表格数据,根据需要合并的列进行处理以生成每个表格对应的JSon对象;所述对象数组包括多个Json对象。
所述每个Json对象对应一个需要处理的列,有该列3个属性:合并的数组、列名、合并序号。
所述Json对象的初始值为:合并的数组第一个值设为1,合并的序号赋值为0,列名赋值为现在处理的列名。
所述将除第一个数据外的每一个数据和前面的数据进行比较,动态调整所述对象数组,具体为:
如果除第一个数据外的每一个数据和前面的数据相等,则合并的数组的对应位置自增1,否则对象数组的对应位置设置为1,并记录该序号。
所述采用arraySpanMethod方法进行数据展示,包括以下步骤:
利用等同符判断当前的列名是不是需要处理的列;
若是,则通过所述Json对象中寻找当前列名的合并的数组的当前行号中的值并赋值给row,若返回的值不为0,则将colum赋值为1,否则将colum赋值为0;
将col和row返回给行合并方法;
其中,row表示表格中的行,colum表示表格的列。
本发明具有以下优点及有益效果:
1、本发明根据后台返回的数据,可以动态处理多个表格数据,且可以合并多个列,对于列可以根据需求自主选择。
2、本发明能够处理网页上多个表格数据。
附图说明
图1为本发明方法流程图。
具体实施方式
下面结合附图及实施例对本发明做进一步的详细说明。
如图1所示,一种动态合并网页表格的方法,包括以下步骤:
1.对后台返回的一个或多个表格数据进行处理:对于每一个表格数据,首先根据需要处理的列名,生成一个对象数组。由于本方法能够一次处理多个表格数据,所以会首先将从后台得到的多个表格数据,根据需要合并的列,进行处理,每个表格数据处理完成后,会生成对应的JSon对象,而多个Json对象构成数组,然后再根据生成的Json对象处理数据。
每个Json对象有3个属性,分别是该列合并的数组、列名、合并序号,每个Json对象就是一个需要处理的列。生成一个Json对象后,开始遍历表格中需要处理的列的数据,在遍历第一个数据时,将Json对象的合并的数组第一个值设为1,合并的序号赋值为0,列名赋值为现在处理的列名(举例:如excel中的一列如数据为:1,1,1,2,3,3,则返回的值为0,0,3,1,0,2)。而后续的数据则每一个都需要和前面的数据进行比较,若相等,则合并的数组的对应位置自增1,否则对象数组的对应位置设置为1,并记录该序号。
2.处理完数据表格后,用行合并方法(arraySpanMethod方法)进行数据展示,该方法需要4个参数,分别是row表示表格中的行,colum表示表格的列,rowIndex和columnIndex是当前行和列的序号,在该方法中首先利用等同符(===)判断当前的列名是不是我们需要处理的列,若是则通过步骤1定义的Json对象中寻找当前列名的合并数组的当前行号中的值并赋值给row,若返回的值不为0,则将col赋值为1,否则赋值为0.将col和row返回给arraySpanMethod方法。
3.页面根据arraySpanMethod方法返回的值,将表格中指定位置的数据进行合并。
Claims (6)
1.一种动态合并网页表格的方法,其特征在于,包括以下步骤:
对后台返回的一个表格或多个表格中的每一个表格的数据,根据需要处理的列名,生成一个对象数组;
遍历表格中需要处理的列的数据,将除第一个数据外的每一个数据和前面的数据进行比较,动态调整所述对象数组;
采用行合并方法进行数据展示;
页面根据行合并方法返回的值,将表格中指定位置的数据进行合并。
2.根据权利要求1所述的一种动态合并网页表格的方法,其特征在于,所述根据需要处理的列名,生成一个对象数组,具体为:
将从后台得到的一个或多个表格数据,根据需要合并的列进行处理以生成每个表格对应的JSon对象;所述对象数组包括多个Json对象。
3.根据权利要求2所述的一种动态合并网页表格的方法,其特征在于,所述每个Json对象对应一个需要处理的列,有该列3个属性:合并的数组、列名、合并序号。
4.根据权利要求3所述的一种动态合并网页表格的方法,其特征在于,所述Json对象的初始值为:合并的数组第一个值设为1,合并的序号赋值为0,列名赋值为现在处理的列名。
5.根据权利要求3所述的一种动态合并网页表格的方法,其特征在于,所述将除第一个数据外的每一个数据和前面的数据进行比较,动态调整所述对象数组,具体为:
如果除第一个数据外的每一个数据和前面的数据相等,则合并的数组的对应位置自增1,否则对象数组的对应位置设置为1,并记录该序号。
6.根据权利要求3所述的一种动态合并网页表格的方法,其特征在于,所述采用arraySpanMethod方法进行数据展示,包括以下步骤:
利用等同符判断当前的列名是不是需要处理的列;
若是,则通过所述Json对象中寻找当前列名的合并的数组的当前行号中的值并赋值给row,若返回的值不为0,则将colum赋值为1,否则将colum赋值为0;
将col和row返回给行合并方法;
其中,row表示表格中的行,colum表示表格的列。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011168196.7A CN112347746A (zh) | 2020-10-28 | 2020-10-28 | 一种动态合并网页表格的方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011168196.7A CN112347746A (zh) | 2020-10-28 | 2020-10-28 | 一种动态合并网页表格的方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN112347746A true CN112347746A (zh) | 2021-02-09 |
Family
ID=74359290
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202011168196.7A Pending CN112347746A (zh) | 2020-10-28 | 2020-10-28 | 一种动态合并网页表格的方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112347746A (zh) |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103853845A (zh) * | 2014-03-24 | 2014-06-11 | 南通大学 | 复杂表格动态解析方法 |
CN108572946A (zh) * | 2018-04-26 | 2018-09-25 | 珠海横琴盛达兆业科技投资有限公司 | 一种实现bootstrap table表格的数据动态合并的方法 |
CN111027294A (zh) * | 2019-12-12 | 2020-04-17 | 中国联合网络通信集团有限公司 | 表格汇总的方法、装置及系统 |
CN111444689A (zh) * | 2020-06-17 | 2020-07-24 | 广州市玄武无线科技股份有限公司 | 一种基于数据的表格合并单元格的方法及系统 |
-
2020
- 2020-10-28 CN CN202011168196.7A patent/CN112347746A/zh active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103853845A (zh) * | 2014-03-24 | 2014-06-11 | 南通大学 | 复杂表格动态解析方法 |
CN108572946A (zh) * | 2018-04-26 | 2018-09-25 | 珠海横琴盛达兆业科技投资有限公司 | 一种实现bootstrap table表格的数据动态合并的方法 |
CN111027294A (zh) * | 2019-12-12 | 2020-04-17 | 中国联合网络通信集团有限公司 | 表格汇总的方法、装置及系统 |
CN111444689A (zh) * | 2020-06-17 | 2020-07-24 | 广州市玄武无线科技股份有限公司 | 一种基于数据的表格合并单元格的方法及系统 |
Non-Patent Citations (1)
Title |
---|
潇湘羽西: "详解关于表格合并span-method方法的补充(表格数据由后台动态返回)", 《HTTPS://WWW.JB51.NET/ARTICLE/161677.HTM》 * |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107609217B (zh) | 碰撞校核数据的处理方法及装置 | |
CN104794116B (zh) | 一种页面中元素的布局方法和装置 | |
CN103246597A (zh) | 一种参数的测试方法和设备 | |
CN110781183B (zh) | Hive数据库中增量数据的处理方法、装置以及计算机设备 | |
CN108536739B (zh) | 元数据敏感信息字段识别方法、装置、设备及存储介质 | |
CN115630601B (zh) | 基于回溯算法确定信号相关性的系统 | |
CN104424240A (zh) | 多表关联方法、主服务节点、计算节点及系统 | |
EP2377948A1 (en) | Error correcting method of test sequence, corresponding system and gene assembly equipment | |
CN106648568A (zh) | 在表格上添加复选框的方法和装置 | |
CN112347746A (zh) | 一种动态合并网页表格的方法 | |
CN110633462A (zh) | 一种Excel二维表格导入的方法 | |
CN114155921A (zh) | 医疗表单的配置方法、装置、计算机设备和存储介质 | |
CN105760382A (zh) | 一种将execl数据导入数据库的方法及装置 | |
CN110688400A (zh) | 数据处理方法、装置、计算机设备和存储介质 | |
CN115421965A (zh) | 一致性校验方法、装置、电子设备及存储介质 | |
CN114969046A (zh) | 一种哈希连接的处理方法、存储介质与设备 | |
US20220035813A1 (en) | Query optimization method and apparatus | |
CN114817257A (zh) | 数据表关联生成及业务处理方法、装置、设备及存储介质 | |
CN103309878A (zh) | 用于网页显示中的排版的方法和装置 | |
CN112711588B (zh) | 多表连接的方法和装置 | |
CN110175414B (zh) | 一种pcb设计中的零件摆放方法及工具 | |
CN110019971B (zh) | 一种索引创建方法、装置及数据库系统 | |
CN106933928A (zh) | 基于外部数据文件的任务存储方法及装置 | |
US9842112B1 (en) | System and method for identifying fields in a file using examples in the file received from a user | |
CN117009717B (zh) | Web表格的动态数据计算方法及装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20210209 |
|
RJ01 | Rejection of invention patent application after publication |