CN112099898B - 一种基于Web前端的表格处理系统及方法 - Google Patents

一种基于Web前端的表格处理系统及方法 Download PDF

Info

Publication number
CN112099898B
CN112099898B CN202011227270.8A CN202011227270A CN112099898B CN 112099898 B CN112099898 B CN 112099898B CN 202011227270 A CN202011227270 A CN 202011227270A CN 112099898 B CN112099898 B CN 112099898B
Authority
CN
China
Prior art keywords
module
height
fixed column
column
row
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.)
Active
Application number
CN202011227270.8A
Other languages
English (en)
Other versions
CN112099898A (zh
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.)
Guangzhou Xuanwu Wireless Technology Co Ltd
Original Assignee
Guangzhou Xuanwu Wireless Technology 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 Guangzhou Xuanwu Wireless Technology Co Ltd filed Critical Guangzhou Xuanwu Wireless Technology Co Ltd
Priority to CN202011227270.8A priority Critical patent/CN112099898B/zh
Publication of CN112099898A publication Critical patent/CN112099898A/zh
Application granted granted Critical
Publication of CN112099898B publication Critical patent/CN112099898B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本发明公开了一种基于Web前端的表格处理系统及方法包括：html表格模块，其中，html表格模块包括左侧固定列表格模块、右侧固定列表格模块和主表格模块，还包括table元素、tr元素和td元素，若tr元素不设置固定的行高度，tr元素的高度由td元素决定，html表格模块还包括更新模块，更新模块包括表格控制器类和观察者类，在左、右侧固定列表格模块和主表格模块分别用于插入两列代理列模块，若检测到tr元素高度发生变化，获取对应的高度变化值，并将高度变化值赋值给代理列模块中的td元素，表格控制器类用于查找高度变化值，观察者类用于更新当前所在行的代理列模块的高度，完成动态行高和固定列同步更新。通过结合html技术和css技术，解决动态行高对齐问题。

Description

一种基于Web前端的表格处理系统及方法
技术领域
本发明涉及Web前端设计的技术领域，尤其涉及一种基于Web前端的表格处理系统及方法。
背景技术
web客户端用于展示更多信息可以帮助企业更快速准确的查找到目标信息，更加灵活的数据展示模型更有利于对有效信息的搜索，加快获取的速度，从而提高工作效率。特别的，ToB行业的信息系统经常采用表格来展示大量数据信息并在此基础上集成企业独特的业务功能来提升企业工作人员的效率，对表格的展示方式也变得多样，表格的列单元格展示的内容除了传统的文本外，还需要展示图片、超链接、表单控件等，展现方式上还有动态行高、合并表头、固定表头、固定列、虚拟滚动等，然而现有技术中的web技术依赖于浏览器渲染的性能，表格在实现一些特殊功能时，会出现如下问题：
1、现有的表格实现动态行高和左右固定列的渲染方法是让相同的表格渲染三次，才能解决动态行高固定列与原表格的对齐问题，时间复杂度和空间复杂度为O(3n*m)(n代表表格行数，m代表表格的列数)，导致表格渲染成本很高。
2、使用现有表格在行数据基数大时，浏览器持续占用大量内存，导致渲染性能下降，页面卡顿，在性能较差的设备中还会引发web页面崩溃的问题。
发明内容
本发明目的在于，提供一种基于Web前端的表格处理系统及方法，通过结合html技术和css技术，设计一种可以控制固定列的行高的table模型，并增加收集及监听行高变化的监听器，处理表格行列的行对齐问题，降低了渲染节点的时间复杂度和空间复杂度。
为实现上述目的，本发明实施例提供一种基于Web前端的表格处理系统，其特征在于，包括：html表格模块；
所述html表格模块包括左侧固定列表格模块、右侧固定列表格模块和主表格模块，所述html表格模块还包括table元素、tr元素和td元素；其中，所述tr元素用于定义表格的行，所述td元素用于定义表格的单元格，若所述tr元素不设置固定的行高度，所述tr元素的高度由所述td元素决定；
所述html表格模块还包括更新模块，所述更新模块包括表格控制器类TableCtrl和观察者类RowObserver；
所述左侧固定列表格模块、所述右侧固定列表格模块和所述主表格模块分别用于插入两列代理列模块；
若检测到所述tr元素高度发生变化，获取对应的高度变化值，并将所述高度变化值赋值给所述代理列模块中的所述td元素，所述表格控制器类TableCtrl用于查找所述高度变化值，所述观察者类RowObserver用于更新当前所在行的所述代理列模块的高度，完成动态行高和固定列同步更新。
优选地，所述代理列模块中的所述单元格的td元素包括.proxy子元素，所述.proxy子元素用于同步非自身代理列模块的相同行的高度属性，完成动态行高与固定列并存的表格。
优选地，所述观察者类RowObserver包括trigger()函数接口，所述trigger()函数接口用于更新当前行代理列单元格的高度，完成所述左侧固定列表格模块、所述右侧固定列表格模块和所述主表格模块的行高度同步更新。
优选地，所述表格控制器类TableCtrl包括函数参数rowIndex，用于查找所述高度变化值。
优选地，所述html表格模块还包括div元素，所述div元素用于计算所述html表格模块的目标区域。
本发明实施例还提供一种基于Web前端的表格处理方法，其特征在于，应用于上一实施例中任一项所述的基于Web前端的表格处理系统，所述方法包括：
根据所述html表格模块的第n行所添加新的内容，检测到所述tr元素高度发生变化，获得对应的高度变化值；
根据所述表格控制器类TableCtrl查找所述高度变化值；
根据所述观察者类RowObserver更新当前所在行的所述代理列模块的高度，完成动态行高和固定列同步更新。
优选地，所述根据所述表格控制器类TableCtrl查找所述高度变化值，包括：
调用所述表格控制器类TableCtrl；其中，所述表格控制器类TableCtrl包括函数参数rowIndex，用于查找所述高度变化值。
优选地，所述根据所述观察者类RowObserver更新当前所在行的所述代理列模块的高度，完成动态行高和固定列同步更新，包括：
调用所述观察者类RowObserver的trigger()函数接口，所述trigger()函数接口用于更新当前行代理列单元格的高度，完成所述左侧固定列表格模块、所述右侧固定列表格模块和所述主表格模块的行高度同步更新。
优选地，所述根据所述观察者类RowObserver更新当前所在行的所述代理列模块的高度，完成动态行高和固定列同步更新，还包括：
采用所述代理列模块中的所述单元格的td元素包括.proxy子元素，所述.proxy子元素用于同步非自身代理列模块的相同行的高度属性，完成动态行高与固定列并存的表格。
优选地，所述同步非自身代理列模块的相同行的高度属性，包括：
获取所述html表格模块第n行的行高，把所述html表格模块第n行的行高赋值给所述.proxy子元素，修改所述.proxy子元素，使其撑开行高，完成动态行高和固定列同步更新。
本发明实施例的有点在于，通过结合html技术和css技术，设计一种可以控制固定列的行高的table模型，并增加收集及监听行高变化的监听器，处理表格行列的行对齐问题，降低了渲染节点的时间复杂度和空间复杂度。
附图说明
为了更清楚地说明本发明的技术方案，下面将对实施方式中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施方式，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1是本发明某一实施例提供的一种基于Web前端的表格处理系统的结构图；
图2是本发明另一实施例提供的一种基于Web前端的表格处理系统的结构图；
图3是本发明又一实施例提供的一种基于Web前端的表格处理方法的流程示意图。
具体实施方式
下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
应当理解，文中所使用的步骤编号仅是为了方便描述，不对作为对步骤执行先后顺序的限定。
应当理解，在本发明说明书中所使用的术语仅仅是出于描述特定实施例的目的而并不意在限制本发明。如在本发明说明书和所附权利要求书中所使用的那样，除非上下文清楚地指明其它情况，否则单数形式的“一”、“一个”及“该”意在包括复数形式。
术语“包括”和“包含”指示所描述特征、整体、步骤、操作、元素和/或组件的存在，但并不排除一个或多个其它特征、整体、步骤、操作、元素、组件和/或其集合的存在或添加。
术语“和/或”是指相关联列出的项中的一个或多个的任何组合以及所有可能组合，并且包括这些组合。
请参阅图1，本发明实施例提供一种基于Web前端的表格处理系统，包括：html表格模块1，html表格模块1包括左侧固定列表格模块11、右侧固定列表格模块13和主表格模块12，html表格模块1还包括table元素、tr元素和td元素；其中，tr元素用于定义表格的行，td元素用于定义表格的单元格，若tr元素不设置固定的行高度，tr元素的高度由td元素决定，html表格模块1还包括更新模块，更新模块包括表格控制器类TableCtrl和观察者类RowObserver，左侧固定列表格模块11、右侧固定列表格模块13和主表格模块12分别用于插入两列代理列模块110，若检测到tr元素高度发生变化，获取对应的高度变化值，并将高度变化值赋值给所述代理列模块110中的所述td元素，表格控制器类TableCtrl用于查找所述高度变化值，观察者类RowObserver用于更新当前所在行的代理列模块110的高度，完成动态行高和固定列同步更新。
请参照图1和图2，在具体的实施例中，通过结合html技术和css技术，css技术是一种用来表现html或 xml等文件式样的计算机语言。本发明使用html基于table元素、tr元素、td元素实现表格的结构和样式。左侧固定列表格模块11首行代理主表格模块列td元素.proxy子元素(即元素路径: .table-absolute-left .row-1 .proxy-main .proxy)用于同步主表格模块12的高度，主表格模块12首行代理左侧固定列表格模块11td元素.proxy子元素(即元素路径: .table-main .row-1 .proxy-left .proxy)用于同步左侧固定列表格模块11。基于这种代理同步的结构机制，剩下只需要去实现当tr元素高度变化时，把自身的高度赋值给代理td元素，当主表格模块12单元的内容高度增加时，固定列表格对应的代理行高元素需要响应式高度也会增加，最终实现高性能动态行高与固定列并存的表格。
使用javascript技术，设计一个更新整个表格格行行高的管理器，处理表格行与固定列的行对齐问题，具体的，使用javascript技术实现一个表格控制器类TableCtrl和一个观察者类RowObserver，用于实现在处理当tr元素高度变化时，把自身的高度赋值给代理td元素，既可以实现动态行高与固定列并存的问题。RowObserver对外暴露一个trigger()函数接口，该接口的功能是更新当前行代理列模块110单元格的高度，用在外部行为对表格改行单元内容进行更新操作调用该接口方法，更新代理列模块110单元格的高度，从而让左侧固定列表格模块11和右侧固定列表格模块13的行与主表格模块12的行高度同步更新，实现动态行高。TableCtrl负责创建管理及销毁表格每一个行的RowObserver，维护整个表格的生命周期同时可以代理每一个RowObserver的trigger()对象，暴露一个trigger(rowIndex)方法这样外部接口方法更新表格行高时只需要取得TableCtrl的实例对象即可更新表格任意行的行高。
在另一实施例中，代理列模块110中的单元格的td元素包括.proxy子元素，所述.proxy子元素用于同步非自身代理列模块110的相同行的高度属性，完成动态行高与固定列并存的表格。
在具体的实施例中，利用td元素与tr元素的特性同步主表格模块12的行高与左侧固定列表格模块11、右侧固定列表格模块13的行高，在tr元素不设置固定的高度的情况下，tr元素的高度由自己在子元素td元素决定高度，本发明给左侧固定列表格模块11、右侧固定列表格模块13与主表格模块12插入两列代理列模块110，每个代理列模块110的单元格td元素内加入一个.proxy子元素去代理除自己以外另外两个表格模块相同行的高度属性。
在又一实施例中，观察者类RowObserver包括trigger()函数接口，trigger()函数接口用于更新当前行代理列单元格的高度，完成左侧固定列表格模块11、右侧固定列表格模块13和主表格模块12的行高度同步更新。
在具体的实施例中，RowObserver对外暴露一个trigger()函数接口，该接口的功能是更新当前行代理列模块110单元格的高度，用在外部行为对表格改行单元内容进行更新操作调用该接口方法，更新代理列模块110单元格的高度，从而让左侧固定列表格模块11和右侧固定列表格模块13的行与主表格模块12的行高度同步更新，实现动态行高。
在另一实施例中，表格控制器类TableCtrl用于查找所述高度变化值，具体通过：调用表格控制器类TableCtrl。其中，表格控制器类TableCtrl包括函数参数rowIndex，用于查找高度变化值。而观察者类RowObserver用于更新当前所在行的代理列模块的高度，具体通过：采用代理列模块110中的单元格的td元素包括.proxy子元素，同步非自身代理列模块110的相同行的高度属性，完成动态行高与固定列并存的表格。
在具体的实施例中，RowObserver负责管理指定表格行的高度，其构造函数参数rowIndex由TableCtrl提供，从而查找左侧固定列表格模块11、右侧固定列表格模块13和主表格模块12第n行的代理td元素的元素对象作为该类的成员变量值。TableCtrl负责创建管理及销毁表格每一个行的RowObserver，维护整个表格的生命周期同时可以代理每一个RowObserver的trigger()对象，暴露一个trigger(rowIndex)方法这样外部接口方法更新表格行高时只需要取得TableCtrl的实例对象即可更新表格任意行的行高。
在另一实施例中，html表格模块1还包括div元素，div元素用于计算html表格模块1的目标区域。
在具体的实施例中，目标区域为div定义文档中的分区或节，还可以用作严格的组织工具，并且不使用任何格式与其关联，具体的，通过div元素实现表格能避免table元素在浏览器引擎上的默认约束，更灵活自由的实现用户需要的展示效果，div元素更容易计算出可见区域，目标区域的边界值，结合不同盒子模型特性能高效实现复杂表格的dom节点的渲染能力，性能和效率更高。div元素能避免table元素模拟的固定列功能在行列宽高计算的工作量，通过有效的算法仅仅控制列宽计算就完成展示一致，性能更高的表格固定列效果。
本发明实施例提供一种基于Web前端的表格处理系统，优点在于，通过结合html技术和css技术，设计一种可以控制固定列的行高的table模型，并增加收集及监听行高变化的监听器，处理表格行列的行对齐问题，降低了渲染节点的时间复杂度和空间复杂度。
请参照图3，本发明实施例提供一种基于Web前端的表格处理方法，应用于上述任一实施例中的基于Web前端的表格处理系统，所述方法包括：
S101、根据html表格模块的第n行所添加新的内容，检测到所述tr元素高度发生变化，获得对应的高度变化值。
S102、根据表格控制器类TableCtrl查找所述高度变化值。
在具体的实施例中，RowObserver负责管理指定表格行的高度，其构造函数参数rowIndex由TableCtrl提供，调用表格控制器类TableCtrl；其中，表格控制器类TableCtrl包括函数参数rowIndex，从而查找左侧固定列表格模块、右侧固定列表格模块和主表格模块第n行的代理td元素的元素对象作为该类的成员变量值。调用表格控制器类TableCtrl；其中，表格控制器类TableCtrl包括函数参数rowIndex，用于查找高度变化值。TableCtrl负责创建管理及销毁表格每一个行的RowObserver，维护整个表格的生命周期同时可以代理每一个RowObserver的trigger()对象，调用观察者类RowObserver的trigger()函数接口，trigger()函数接口用于更新当前行代理列单元格的高度，完成所述左侧固定列表格模块11、右侧固定列表格模块13和主表格模块12的行高度同步更新。trigger(rowIndex)外部接口方法更新表格行高时只需要取得TableCtrl的实例对象即可更新表格任意行的行高。
S103、根据观察者类RowObserver更新当前所在行的代理列模块的高度，完成动态行高和固定列同步更新。
在具体的实施例中，代理列模块中的单元格的td元素包括.proxy子元素，同步非自身代理列模块的相同行的高度属性，完成动态行高与固定列并存的表格。获取html表格模块第n行的行高，把html表格模块第n行的行高赋值给.proxy子元素，修改.proxy子元素，使其撑开行高，完成动态行高和固定列同步更新。
本发明优点在于，通过结合html技术和css技术，设计一种可以控制固定列的行高的table模型，并增加收集及监听行高变化的监听器，处理表格行列的行对齐问题，降低了渲染节点的时间复杂度和空间复杂度。
以上所述是本发明的优选实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也视为本发明的保护范围。

Claims (10)

1.一种基于Web前端的表格处理系统，其特征在于，包括：html表格模块；
所述html表格模块包括左侧固定列表格模块、右侧固定列表格模块和主表格模块，所述左侧固定列表格模块、所述右侧固定列表格模块和所述主表格模块分别用于插入两列代理列模块，所述html表格模块和所述代理列模块还包括table元素、tr元素和td元素；其中，所述tr元素用于定义表格的行，所述td元素用于定义表格的单元格，若所述tr元素不设置固定的行高度，所述tr元素的高度由所述td元素决定；
所述html表格模块还包括更新模块，所述更新模块包括表格控制器类TableCtrl和观察者类RowObserver；
若检测到所述主表格模块中所述tr元素高度发生变化，获取对应的高度变化值，并将所述高度变化值赋值给所述主表格模块中的所述代理列模块中的所述td元素，所述表格控制器类TableCtrl用于查找所述高度变化值，所述观察者类RowObserver用于更新所述左侧固定列和所述右侧固定列中所述代理列模块的高度，实现动态行高和固定列同步更新。
2.根据权利要求1所述的一种基于Web前端的表格处理系统，其特征在于，所述代理列模块中的所述单元格的td元素包括.proxy子元素，所述.proxy子元素用于同步非其所属代理列模块的相同行的高度属性，实现动态行高与固定列并存的表格。
3.根据权利要求2所述的一种基于Web前端的表格处理系统，其特征在于，所述观察者类RowObserver包括trigger()函数接口，所述trigger()函数接口用于更新所述主表格模块高度发生变化的当前行对应的所述左侧固定列和所述右侧固定列代理列单元格的高度，实现所述左侧固定列表格模块、所述右侧固定列表格模块和所述主表格模块的行高度同步更新。
4.根据权利要求3所述的一种基于Web前端的表格处理系统，其特征在于，
所述表格控制器类TableCtrl包括函数参数rowIndex，用于查找所述高度变化值。
5.根据权利要求4所述的一种基于Web前端的表格处理系统，其特征在于，所述html表格模块还包括div元素，所述div元素用于计算所述html表格模块的目标区域。
6.一种基于Web前端的表格处理方法，其特征在于，应用于权利要求1-5任一项所述的基于Web前端的表格处理系统，所述方法包括：
根据所述html表格模块的第n行所添加新的内容，检测到所述主表格模块的所述tr元素高度发生变化，获得对应的高度变化值；
根据所述表格控制器类TableCtrl查找所述高度变化值；
根据所述观察者类RowObserver更新当前所在行对应的所述左侧固定列和所述右侧固定列的所述代理列模块的高度，从而实现动态行高和固定列同步更新。
7.根据权利要求6所述的一种基于Web前端的表格处理方法，其特征在于，所述根据所述表格控制器类TableCtrl查找所述高度变化值，包括：
调用所述表格控制器类TableCtrl；其中，所述表格控制器类TableCtrl包括函数参数rowIndex，用于查找所述高度变化值。
8.根据权利要求7所述的一种基于Web前端的表格处理方法，其特征在于，所述根据所述观察者类RowObserver更新当前所在行对应的所述左侧固定列和所述右侧固定列的所述代理列模块的高度，从而实现动态行高和固定列同步更新，包括：
调用所述观察者类RowObserver的trigger()函数接口，所述trigger()函数接口用于更新所述主表格模块高度发生变化的当前行对应的所述左侧固定列和所述右侧固定列代理列单元格的高度，从而实现所述左侧固定列表格模块、所述右侧固定列表格模块和所述主表格模块的行高度同步更新。
9.根据权利要求8所述的一种基于Web前端的表格处理方法，其特征在于，所述根据所述观察者类RowObserver更新当前所在行对应的所述左侧固定列和所述右侧固定列的所述代理列模块的高度，从而实现动态行高和固定列同步更新，还包括：
采用所述代理列模块中的所述单元格的td元素包括.proxy子元素，所述.proxy子元素用于同步非其所属代理列模块的相同行的高度属性，从而实现动态行高与固定列并存的表格。
10.根据权利要求9所述的一种基于Web前端的表格处理方法，其特征在于，所述同步非其所属代理列模块的相同行的高度属性，包括：
获取所述html表格模块第n行的行高，把所述html表格模块第n行的行高赋值给所述.proxy子元素，修改所述.proxy子元素，使其撑开行高，从而实现动态行高和固定列同步更新。
CN202011227270.8A 2020-11-06 2020-11-06 一种基于Web前端的表格处理系统及方法 Active CN112099898B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202011227270.8A CN112099898B (zh) 2020-11-06 2020-11-06 一种基于Web前端的表格处理系统及方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202011227270.8A CN112099898B (zh) 2020-11-06 2020-11-06 一种基于Web前端的表格处理系统及方法

Publications (2)

Publication Number Publication Date
CN112099898A CN112099898A (zh) 2020-12-18
CN112099898B true CN112099898B (zh) 2021-02-09

Family

ID=73785404

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202011227270.8A Active CN112099898B (zh) 2020-11-06 2020-11-06 一种基于Web前端的表格处理系统及方法

Country Status (1)

Country Link
CN (1) CN112099898B (zh)

Families Citing this family (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113486269B (zh) * 2021-05-25 2024-01-30 厦门海迈科技股份有限公司 基于web的电子表格数据处理方法、计算设备和存储介质
CN113378533B (zh) * 2021-06-08 2023-12-05 傲普(上海)新能源有限公司 一种基于能源系统对大量数据的表格处理方法
CN113641671B (zh) * 2021-07-14 2022-06-14 广州市玄武无线科技股份有限公司 表单配置模块外接数据的处理装置及处理方法
CN114154470A (zh) * 2021-11-09 2022-03-08 广州市玄武无线科技股份有限公司 一种基于动态行高的表格处理方法

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103853539A (zh) * 2012-12-05 2014-06-11 苏州精易会信息技术有限公司 一种实现html表格列操作的方法
WO2016054549A1 (en) * 2014-10-03 2016-04-07 Kony, Inc. Application prototyping tool
CN109254969A (zh) * 2018-08-31 2019-01-22 平安科技（深圳）有限公司 数据表处理方法、装置、设备及存储介质
CN109614424A (zh) * 2018-11-28 2019-04-12 南京赛克蓝德网络科技有限公司 页面布局生成方法、装置、计算设备和介质
CN111124411A (zh) * 2019-12-31 2020-05-08 航天信息股份有限公司 一种基于动态页面对表格进行个性化设置的方法及系统
EP3654172A1 (en) * 2017-04-19 2020-05-20 Shanghai Cambricon Information Technology Co., Ltd Fused vector multiplier and method using the same
CN111444689A (zh) * 2020-06-17 2020-07-24 广州市玄武无线科技股份有限公司 一种基于数据的表格合并单元格的方法及系统

Family Cites Families (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7546602B2 (en) * 2001-07-10 2009-06-09 Microsoft Corporation Application program interface for network software platform
US20100162126A1 (en) * 2008-12-23 2010-06-24 Palm, Inc. Predictive cache techniques
US9933925B2 (en) * 2015-03-11 2018-04-03 Nexthink Sa Screen layout manager
CN108804483B (zh) * 2017-05-05 2020-01-07 平安科技（深圳）有限公司 单元格页面的渲染方法、服务器和计算机可读存储介质
WO2019072178A1 (zh) * 2017-10-09 2019-04-18 华为技术有限公司 一种通知处理方法及电子设备
CN110618808A (zh) * 2018-06-19 2019-12-27 杨玉海 智能管理系统生成系统Hxcel可变一表对多表技术方法
US11294555B2 (en) * 2019-04-24 2022-04-05 Appian Corporation Intelligent manipulation of dynamic declarative interfaces
CN111338732A (zh) * 2020-02-24 2020-06-26 北京辰森世纪科技股份有限公司 长列表页面的展示方法及其装置
CN111611036A (zh) * 2020-05-06 2020-09-01 香港乐蜜有限公司 应用菜单配置方法、装置、电子设备和存储介质
CN111353287A (zh) * 2020-05-25 2020-06-30 广州市玄武无线科技股份有限公司 动态表格生成方法、装置、设备及存储介质

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103853539A (zh) * 2012-12-05 2014-06-11 苏州精易会信息技术有限公司 一种实现html表格列操作的方法
WO2016054549A1 (en) * 2014-10-03 2016-04-07 Kony, Inc. Application prototyping tool
EP3654172A1 (en) * 2017-04-19 2020-05-20 Shanghai Cambricon Information Technology Co., Ltd Fused vector multiplier and method using the same
CN109254969A (zh) * 2018-08-31 2019-01-22 平安科技（深圳）有限公司 数据表处理方法、装置、设备及存储介质
CN109614424A (zh) * 2018-11-28 2019-04-12 南京赛克蓝德网络科技有限公司 页面布局生成方法、装置、计算设备和介质
CN111124411A (zh) * 2019-12-31 2020-05-08 航天信息股份有限公司 一种基于动态页面对表格进行个性化设置的方法及系统
CN111444689A (zh) * 2020-06-17 2020-07-24 广州市玄武无线科技股份有限公司 一种基于数据的表格合并单元格的方法及系统

Non-Patent Citations (4)

* Cited by examiner, † Cited by third party
Title
CSS与表格布局在网页设计中的应用;黄荣喜;《广西农学报》;20170430;第27-29页 *
HTML表格,table,thead,tbody,tfoot,th,tr,td,的属性以及跨行，跨列;最好的安排;《https://www.cnblogs.com/Knowledge-is-infinite/p/10626852.html》;20190330;第1-5页 *
Web页面中八种创建多列等高(等高列布局)的实现技术;脚本之家;《https://www.jb51.net/css/68810.html》;20121224;第1-24页 *
观察者模式2种用法---结合代理模式实现;进击的小猿;《https://blog.csdn.net/u013210620/article/details/52512475》;20160912;第1-5页 *

Also Published As

Publication number Publication date
CN112099898A (zh) 2020-12-18

Similar Documents

Publication Publication Date Title
CN112099898B (zh) 一种基于Web前端的表格处理系统及方法
CN110007917B (zh) 一种基于浏览器的可视化页面生成和浏览方法
CN109410698B (zh) 数据大屏可视化方法及系统
US8194075B2 (en) Method and system for generating and displaying an interactive dynamic list view of multiply connected objects
CN110096277A (zh) 一种动态页面展示方法、装置、电子设备及存储介质
CN111898049A (zh) 一种表格实现方法、装置、计算机终端设备及存储介质
CN106547534A (zh) 展示页面扩展点的装置及方法
US20130173667A1 (en) Acyclic graph navigator
CN114117274B (zh) 一种数据渲染的方法、装置、计算机设备以及存储介质
CN101256599A (zh) 基于网格的分布仿真平台数据收集系统
CN113822963A (zh) 一种绘制及展示拓扑图的方法、系统、设备和存储介质
CN117668267B (zh) 一种实验数据的可视化分析的方法、系统、设备及介质
CN110609729A (zh) 一种基于cmspweb的页面监听滚动渲染方法
CN112613287A (zh) 一种数据列表的展示方法、装置、设备及存储介质
CN111539186A (zh) 一种应用于html5的大数据树组件实现方法及系统
CN111966720A (zh) 一种数据处理方法及相关设备
CN116821534A (zh) 基于滚动加载定位网页页面的方法和系统
CN109313415A (zh) 产业机器控制装置的参数编辑装置、产业机器控制系统、产业机器控制系统的制造方法以及程序
CN112433723B (zh) 个性化列表开发方法及装置
CN113254009B (zh) 同类元素确定方法、装置、电子设备及存储介质
CN117407618A (zh) 文档处理方法、装置及计算机设备、存储介质、程序产品
CN112035559B (zh) 热力图的展示方法、服务器及系统
CN103885948A (zh) 信息展示方法及装置
CN111638927A (zh) 一种皮肤切换方法及装置
CN116974605B (zh) 一种基于事件机制的3d系统界面局部刷新方法及系统

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
GR01 Patent grant
GR01 Patent grant
CP02 Change in the address of a patent holder

Address after: 510000 room 23bd, No. 109, TIYU West Road, Tianhe District, Guangzhou City, Guangdong Province

Patentee after: GUANGZHOU XUANWU WIRELESS TECHNOLOGY Co.,Ltd.

Address before: 32B, no.103b, TianLiHe Road, Guangzhou, 510000

Patentee before: GUANGZHOU XUANWU WIRELESS TECHNOLOGY Co.,Ltd.

CP02 Change in the address of a patent holder