CN112347746A - 一种动态合并网页表格的方法 - Google Patents

一种动态合并网页表格的方法 Download PDF

Info

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
Application number
CN202011168196.7A
Other languages
English (en)
Inventor
尚德华
胡博文
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Aopu Shanghai New Energy Co Ltd
Original Assignee
Aopu Shanghai New Energy Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Aopu Shanghai New Energy Co Ltd filed Critical Aopu Shanghai New Energy Co Ltd
Priority to CN202011168196.7A priority Critical patent/CN112347746A/zh
Publication of CN112347746A publication Critical patent/CN112347746A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00Handling natural language data
    • G06F40/10Text processing
    • G06F40/166Editing, e.g. inserting or deleting
    • G06F40/174Form 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表示表格的列。
CN202011168196.7A 2020-10-28 2020-10-28 一种动态合并网页表格的方法 Pending CN112347746A (zh)

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)

* Cited by examiner, † Cited by third party
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 广州市玄武无线科技股份有限公司 一种基于数据的表格合并单元格的方法及系统

Patent Citations (4)

* Cited by examiner, † Cited by third party
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)

* Cited by examiner, † Cited by third party
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