CN111723560B - 一种表格并行显示区域动态调整方法、系统及相关设备 - Google Patents
一种表格并行显示区域动态调整方法、系统及相关设备 Download PDFInfo
- Publication number
- CN111723560B CN111723560B CN202010680272.6A CN202010680272A CN111723560B CN 111723560 B CN111723560 B CN 111723560B CN 202010680272 A CN202010680272 A CN 202010680272A CN 111723560 B CN111723560 B CN 111723560B
- Authority
- CN
- China
- Prior art keywords
- height
- line
- length
- display area
- merging line
- 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
Links
- 238000000034 method Methods 0.000 title claims abstract description 42
- 230000006870 function Effects 0.000 claims description 39
- 238000004364 calculation method Methods 0.000 claims description 12
- 238000004590 computer program Methods 0.000 claims description 11
- 230000008569 process Effects 0.000 description 9
- 238000010586 diagram Methods 0.000 description 7
- 238000012545 processing Methods 0.000 description 6
- 238000004891 communication Methods 0.000 description 5
- 230000000007 visual effect Effects 0.000 description 4
- 230000008878 coupling Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 238000009877 rendering Methods 0.000 description 3
- 230000000694 effects Effects 0.000 description 2
- 239000004973 liquid crystal related substance Substances 0.000 description 2
- 238000012544 monitoring process Methods 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 230000002093 peripheral effect Effects 0.000 description 2
- 238000005096 rolling process Methods 0.000 description 2
- 238000007405 data analysis Methods 0.000 description 1
- 238000000802 evaporation-induced self-assembly Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000011160 research Methods 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
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/177—Editing, e.g. inserting or deleting of tables; using ruled lines
Abstract
本发明实施例提供了一种表格并行显示区域动态调整方法、系统及相关设备，实现了表格合并行中的显示内容位置的动态调整，提高用户体验。本发明实施例方法包括：获取合并行的初始高度megreHeight及表格中未合并的单行高度height；当监听到表格滚动事件时，获取所述合并行未被遮挡的显示区域的高度length，并判断所述length与megreHeight及height的大小；当所述length小于所述megreHeight且大于所述height时，设置所述合并行的当前高度参数值为小于等于所述length且大于所述height的任意值，以使得合并行中的文字根据合并行的当前高度参数值调整显示位置至未被遮挡的显示区域。
Description
技术领域
本发明涉及表格并行显示区域动态调整技术领域，尤其涉及一种表格并行显示区域动态调整方法、系统及相关设备。
背景技术
表格，既是一种可视化交流模式，又是一种组织整理数据的手段。人们在通讯交流、科学研究以及数据分析活动当中广泛运用了形形色色的表格。例如，网页版的表格、Microsoft Office 及WPS软件中的表格。
现有的表格中常用的功能是将两行或多行合并为一行，如图1所示，当表格上下滚动浏览的时候，合并行随着表格一起滚动。由于合并行的高度大于单行高度，且合并行中的文字内容显示格式固定（例如，居中显示），合并行随着表格一起滚动时会出现如图2中的场景，即合并行中的文字“项目A”不可见，仅仅可见其包含的分类“D类、E类”，为了查询D类、E类的归属项目，需要重新向上滚动表格查看合并行中的文字，用户体验不佳。
发明内容
本发明实施例提供了一种表格并行显示区域动态调整方法、系统及相关设备，用于实现表格合并行中的显示内容位置的动态调整，提高用户体验。
本发明实施例第一方面提供了一种表格并行显示区域动态调整方法，可包括：
获取表格合并行的初始高度megreHeight及表格中未合并的单行高度height；
当监听到表格滚动事件时，获取所述合并行未被遮挡的显示区域的高度length，并判断所述length与megreHeight及height的大小；
当所述length小于所述megreHeight且大于所述height时，设置所述合并行的当前高度参数值为小于等于所述length且大于所述height的任意值，以使得合并行中的文字根据合并行的当前高度参数值调整显示位置至未被遮挡的显示区域。
可选的，作为一种可能的实施方式，本发明实施例中的表格并行显示区域动态调整方法中，当表格向上滚动时，所述获取所述合并行未被遮挡的显示区域的高度length，可包括：
调用文档对象模型DOM元素获取函数获取所述合并行的下边框高度；
调用文档对象模型DOM元素获取所述表格上边框的高度；
使用所述合并行的下边框高度减去所述表格上边框的高度，得到所述合并行未被遮挡的显示区域的高度length，其中，以页面左上角为计算原点。
可选的，作为一种可能的实施方式，本发明实施例中的表格并行显示区域动态调整方法中，当表格向下滚动时，所述获取所述合并行未被遮挡的显示区域的高度length，包括：
调用文档对象模型DOM元素获取函数获取所述合并行的上边框高度；
调用文档对象模型DOM元素获取所述表格下边框的高度；
使用所述表格下边框的高度减去所述合并行的上边框高度，得到所述合并行未被遮挡的显示区域的高度length，其中，以页面左上角为计算原点。
可选的，作为一种可能的实施方式，本发明实施例中的表格并行显示区域动态调整方法，还可以包括：
当所述length小于等于所述height时，设置所述合并行的当前高度参数值为所述height。
可选的，作为一种可能的实施方式，本发明实施例中的表格并行显示区域动态调整方法中，所述获取合并行的初始高度megreHeight及表格中未合并的单行高度height，可包括：
调用DOM元素获取函数获取合并行的初始高度megreHeight及表格中未合并的单行高度height。
本发明实施例第二方面提供了一种表格并行显示区域动态调整系统，可包括：
第一获取模块，用于获取合并行的初始高度megreHeight及表格中未合并的单行高度height；
第二获取模块，用于当监听到表格滚动事件时，获取所述合并行未被遮挡的显示区域的高度length，并判断所述length与megreHeight及height的大小；
第一设置模块，当所述length小于所述megreHeight且大于所述height时，设置所述合并行的当前高度参数值为小于等于所述length且大于所述height的任意值，以使得合并行中的文字根据合并行的当前高度参数值调整显示位置至未被遮挡的显示区域。
可选的，作为一种可能的实施方式，当表格向上滚动时，所述第二获取模块可包括：
第一调用单元，用于调用文档对象模型DOM元素获取函数获取所述合并行的下边框高度；
第二调用单元，用于调用文档对象模型DOM元素获取所述表格上边框的高度；
第一计算单元，使用所述合并行的下边框高度减去所述表格上边框的高度，得到所述合并行未被遮挡的显示区域的高度length，其中，以页面左上角为计算原点。
可选的，作为一种可能的实施方式，当表格向下滚动时，所述第二获取模块可包括：
第三调用单元，用于调用文档对象模型DOM元素获取函数获取所述合并行的上边框高度；
第四调用单元，用于调用文档对象模型DOM元素获取所述表格下边框的高度；
第二计算单元，使用所述表格下边框的高度减去所述合并行的上边框高度，得到所述合并行未被遮挡的显示区域的高度length，其中，以页面左上角为计算原点。
可选的，作为一种可能的实施方式，本发明实施例中的表格并行显示区域动态调整系统，还可以包括：
第二设置模块，当所述length小于等于所述height时，设置所述合并行的当前高度参数值为所述height。
可选的，作为一种可能的实施方式，本发明实施例中的所述第一获取模块可包括：
调用单元，用于调用DOM元素获取函数获取合并行的初始高度megreHeight及表格中未合并的单行高度height。
本发明实施例第三方面提供了一种计算机装置，所述计算机装置包括处理器，所述处理器用于执行存储器中存储的计算机程序时实现如第一方面及第一方面中任意一种可能的实施方式中的步骤。
本发明实施例第四方面提供了一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现如第一方面及第一方面中任意一种可能的实施方式中的步骤。
从以上技术方案可以看出，本发明实施例具有以下优点：
本发明实施例中，可以预先获取合并行的初始高度megreHeight及表格中未合并的单行高度height；当监听到表格滚动事件时，可以获取合并行未被遮挡的显示区域的高度length，并判断length与megreHeight及height的大小；当length小于megreHeight且大于height时，设置合并行的当前高度参数值为小于等于length且大于height的任意值，以使得合并行中的文字根据合并行的当前高度参数值调整显示位置。相对于现有技术，本发明实施例中实现了表格合并行中的显示内容位置的动态调整，提高了用户体验。
附图说明
图1为现有技术中表格向上滚动的初始阶段示意图；
图2为现有技术中表格向上滚动至合并行文字被遮挡阶段示意图；
图3为本发明实施例中一种表格并行显示区域动态调整方法的一个实施例示意图；
图4为本发明实施例中表格向上滚动过程中动态调整表格合并行中的显示内容位置的示意图；
图5为本发明实施例中一种表格并行显示区域动态调整方法的一个具体应用实施例示意图；
图6为本发明实施例中一种表格并行显示区域动态调整系统的一个实施例示意图；
图7为本发明实施例中一种计算机装置的一个实施例示意图。
具体实施方式
本发明实施例提供了一种表格并行显示区域动态调整方法、系统及相关设备，用于实现表格合并行中的显示内容位置的动态调整，提高用户体验。
为了使本技术领域的人员更好地理解本发明方案，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分的实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本发明保护的范围。
本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”、“第三”、“第四”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的实施例能够以除了在这里图示或描述的内容以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
为了便于理解，下面对本发明实施例中的具体流程进行描述，请参阅图3，本发明实施例中一种表格并行显示区域动态调整方法的一个实施例可包括：
S301、获取合并行的初始高度megreHeight及表格中未合并的单行高度height；
在现有的表格渲染显示过程中，需要渲染的页面对应的DOM（Document ObjectModel，文档对象模型）元素中包含表格中的不同高度的方格的初始高度参数。例如，单行的初始高度参数可以映射为预设的标识字符，例如id1，两行合并的合并行初始高度参数可以映射为预设的标识字符id2，以此类推任意N行的合并始高度参数可以映射为行预设的标识字符idN。
本发明实施例中，只需要获取到需要渲染的页面对应的DOM元素中各个方格的初始高度参数，即可根据DOM元素获取函数识别出合并行的位置及其初始高度megreHeight及表格中未合并的单行位置及其高度height。
S302、当监听到表格滚动事件时，获取合并行未被遮挡的显示区域的高度length，并判断length与megreHeight及height的大小；
本发明实施例中为了动态调整合并行中的文字显示位置，可以实时监听表格滚动事件。当监听到表格滚动事件时，表格并行显示区域动态调整系统需要获取合并行未被遮挡的显示区域的高度length，并判断length与megreHeight及height的大小。
可选的，作为一种可能的实施方式，当表格向上滚动时（如图1、图2所示），获取合并行未被遮挡的显示区域的高度length的具体过程可包括：调用文档对象模型DOM元素获取函数获取合并行的下边框高度；调用文档对象模型DOM元素获取表格上边框的高度；使用合并行的下边框高度减去表格上边框的高度，得到合并行未被遮挡的显示区域的高度length，其中，以页面左上角为计算原点。
可选的，作为一种可能的实施方式，当表格向下滚动时，获取合并行未被遮挡的显示区域的高度length的具体过程可包括：调用文档对象模型DOM元素获取函数获取合并行的上边框高度；调用文档对象模型DOM元素获取表格下边框的高度；使用表格下边框的高度减去合并行的上边框高度，得到合并行未被遮挡的显示区域的高度length，其中，以页面左上角为计算原点。
其中，DOM元素获取函数可以是querySelector（）函数、getElementById（）函数等，具体函数实现方式此处不做限定。例如，1. 使用元素id获取DOM元素，函数实现示例如下：
document.querySelector('#id').offsetHeight
document.getElementById('#id').getBoundingClientRect().height。
2. 使用class获取DOM元素，假设元素位于返回数组第一个，函数实现示例如下：
document.querySelector('.class')[0].offsetHeight
document.getElementById('.class')[0].getBoundingClientRect().height。
S303、当length小于megreHeight且大于height时，设置合并行的当前高度参数值为小于等于length且大于height的任意值，以使得合并行中的文字根据合并行的当前高度参数值调整显示位置至未被遮挡的显示区域。
当合并行未被遮挡的显示区域的高度length小于并行的初始高度megreHeight且大于表格中未合并的单行高度height时，即合并行在滚动中显示区域被部分遮住并且剩余的可视区域的行高大于等于表格中未合并的单行高度。设置合并行的当前高度参数值为小于等于length且大于height的任意值，以使得合并行中的文字根据合并行的当前高度参数值调整显示位置至未被遮挡的显示区域。
仅以表格向上滚动为例进行说明，可能会出现如图2中出现的情况，即合并行中的文字“项目A”不可见，仅仅可见其包含的分类“D类、E类”，为了查询D类、E类的归属项目，需要重新向上滚动表格查看合并行中的文字，用户体验不佳。为了解决这一问题，本发明实施例中，通过设置需要渲染的页面对应的DOM元素中合并行的当前高度参数值为小于等于合并行未被遮挡的显示区域的高度length且大于height的任意值。重新设置合并行的当前高度参数值之后，渲染过程中合并行中的文字根据合并行的当前高度参数值调整显示位置。例如，对于5个单行的合并行，该合并行的文字为纵向居中显示，表格并行显示区域动态调整系统基于上述步骤检测到该合并行的三行被遮住，只有两行在显示区域时（参阅图2），可以设置该合并行的当前高度参数值为一行至两行中的任意值，优选为两行，那么渲染合并行的过程中，合并行中的文字会重新以当前高度参数值为两行确定文字纵向居中（参阅图4），完成显示位置的调整。
本发明实施例中，可以预先获取合并行的初始高度megreHeight及表格中未合并的单行高度height；当监听到表格滚动事件时，可以获取合并行未被遮挡的显示区域的高度length，并判断length与megreHeight及height的大小；当length小于megreHeight且大于height时，设置合并行的当前高度参数值为小于等于length且大于height的任意值，以使得合并行中的文字根据合并行的当前高度参数值调整显示位置。相对于现有技术，本发明实施例中实现了表格合并行中的显示内容位置的动态调整，提高了用户体验。
在上述图3所示的实施例的基础上，可选的，作为一种可能的实施方式，本发明实施例中一种表格并行显示区域动态调整方法的另一个实施例中，当步骤S302中的length小于等于height时，可以设置合并行的当前高度参数值为height。即当未被遮挡的显示区域的高度小于单行高度时，为了合并行中的文字显示效果更佳，可以设置合并行的当前高度参数值为单行高度height。
为了便于理解，下面将结合表格向上滚动过程中的具体的运用实施例对本发明实施例中的表格并行显示区域动态调整方法进行描述。请参阅图5，具体包括如下步骤：
1)使用document.querySelector('合并行初始高度参数').getBoundingClientRect().height 计算合并行初始行高megreHeight, 使用document.querySelector('未合并行初始高度参数').getBoundingClientRect().height计算表格对应的未合并行的行高height；
DOM元素获取函数可以是querySelector（）函数、getElementById（）函数等，具体此处不做限定。例如，使用元素id获取DOM元素，函数实现示例如下：
document.querySelector('#id').offsetHeight
document.getElementById('#id').getBoundingClientRect().height。
还可以使用class获取DOM元素，假设元素位于返回数组第一个，函数实现示例如下：
document.querySelector('.class')[0].offsetHeight
document.getElementById('.class')[0].getBoundingClientRect().height。
2)对表格滚动事件进行监听；
例如，可以使用JavaScript对表格滚动进行监听。
3)在表格滚动事件的回调函数中 判断合并行底部边框距离表格顶部的距离为length与mergeHeight的大小；
假设合并行id为：tr，表格id，则合并行底部高度可以通过函数tabledocument.querySelector('#tr').offsetTop获取，表格顶部高度可以通过函数document.querySelector('#table').scrollTop获取，合并行底部边框距离表格顶部的距离为length即为合并行底部高度与表格顶部高度之差。
4)如果length 大于等于mergeHeight（即合并行在滚动中并未被遮住)，此时合并行高度不变；
5)如果length 小于mergeHeight并且大于等于height（即合并行在滚动中被遮住并且剩余的可视区域的行高大于等于右侧未合并行高)，设置合并行高为合并行底部边框到表格顶部的高度；
6)如果length 小于height(即合并行可视区域的高度小于未合并行的高度时)，，设置合并行高度为height；
7)如果length 小于等于零，结束监听，流程结束。
本发明在滚动列表时，合并行内容自动在合并行的剩余显示空间内进行居中显示，提高了用户体验。
请参阅图6，本发明实施例还提供了一种表格并行显示区域动态调整系统，可包括：
第一获取模块601，用于获取合并行的初始高度megreHeight及表格中未合并的单行高度height；
第二获取模块602，用于当监听到表格滚动事件时，获取合并行未被遮挡的显示区域的高度length，并判断length与megreHeight及height的大小；
第一设置模块603，当length小于megreHeight且大于height时，设置合并行的当前高度参数值为小于等于length且大于height的任意值，以使得合并行中的文字根据合并行的当前高度参数值调整显示位置至未被遮挡的显示区域。
可选的，作为一种可能的实施方式，当表格向上滚动时，第二获取模块可包括：
第一调用单元，用于调用文档对象模型DOM元素获取函数获取合并行的下边框高度；
第二调用单元，用于调用文档对象模型DOM元素获取表格上边框的高度；
第一计算单元，使用表格上边框的高度减去合并行的下边框高度，得到合并行未被遮挡的显示区域的高度length。
可选的，作为一种可能的实施方式，当表格向下滚动时，第二获取模块可包括：
第三调用单元，用于调用文档对象模型DOM元素获取函数获取合并行的上边框高度；
第四调用单元，用于调用文档对象模型DOM元素获取表格下边框的高度；
第二计算单元，使用合并行的上边框高度减去表格下边框的高度，得到合并行未被遮挡的显示区域的高度length。
可选的，作为一种可能的实施方式，本发明实施例中的表格并行显示区域动态调整系统，还可以包括：
第二设置模块，当length小于等于height时，设置合并行的当前高度参数值为height。
可选的，作为一种可能的实施方式，本发明实施例中的第一获取模块可包括：
调用单元，用于调用DOM元素获取函数获取合并行的初始高度megreHeight及表格中未合并的单行高度height。
所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统，装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。
上面从模块化功能实体的角度对本发明实施例中的表格并行显示区域动态调整系统进行了描述，请参阅图7，下面从硬件处理的角度对本发明实施例中的计算机装置进行描述：
该计算机装置1可以包括存储器11、处理器12和输入输出总线13。处理器11执行计算机程序时实现上述图1所示的表格并行显示区域动态调整方法实施例中的步骤，例如图3所示的步骤301至303。或者，处理器执行计算机程序时实现上述各装置实施例中各模块或单元的功能。
本发明的一些实施例中，处理器具体用于实现如下步骤：
获取合并行的初始高度megreHeight及表格中未合并的单行高度height；
当监听到表格滚动事件时，获取合并行未被遮挡的显示区域的高度length，并判断length与megreHeight及height的大小；
当length小于megreHeight且大于height时，设置合并行的当前高度参数值为小于等于length且大于height的任意值，以使得合并行中的文字根据合并行的当前高度参数值调整显示位置。
可选的，作为一种可能的实施方式，处理器还可以用于实现如下步骤：
调用文档对象模型DOM元素获取函数获取合并行的下边框高度；
调用文档对象模型DOM元素获取表格上边框的高度；
使用表格上边框的高度减去合并行的下边框高度，得到合并行未被遮挡的显示区域的高度length。
可选的，作为一种可能的实施方式，处理器还可以用于实现如下步骤：
调用文档对象模型DOM元素获取函数获取合并行的上边框高度；
调用文档对象模型DOM元素获取表格下边框的高度；
使用合并行的上边框高度减去表格下边框的高度，得到合并行未被遮挡的显示区域的高度length。
可选的，作为一种可能的实施方式，处理器还可以用于实现如下步骤：
当length小于等于height时，设置合并行的当前高度参数值为height。
可选的，作为一种可能的实施方式，处理器还可以用于实现如下步骤：
调用DOM元素获取函数获取合并行的初始高度megreHeight及表格中未合并的单行高度height。
其中，存储器11至少包括一种类型的可读存储介质，可读存储介质包括闪存、硬盘、多媒体卡、卡型存储器（例如，SD或DX存储器等）、磁性存储器、磁盘、光盘等。存储器11在一些实施例中可以是计算机装置1的内部存储单元，例如该计算机装置1的硬盘。存储器11在另一些实施例中也可以是计算机装置1的外部存储设备，例如计算机装置1上配备的插接式硬盘，智能存储卡（Smart Media Card, SMC），安全数字（Secure Digital, SD）卡，闪存卡（Flash Card）等。进一步地，存储器11还可以既包括计算机装置1的内部存储单元也包括外部存储设备。存储器11不仅可以用于存储安装于计算机装置1的应用软件及各类数据，例如计算机程序01的代码等，还可以用于暂时地存储已经输出或者将要输出的数据。
处理器12在一些实施例中可以是一中央处理器（Central Processing Unit,CPU）、控制器、微控制器、微处理器或其他数据处理芯片，用于运行存储器11中存储的程序代码或处理数据，例如执行计算机程序01等。
该输入输出总线13可以是外设部件互连标准(peripheral componentinterconnect，简称PCI)总线或扩展工业标准结构(extended industry standardarchitecture，简称EISA)总线等。该总线可以分为地址总线、数据总线、控制总线等。
进一步地，计算机装置还可以包括有线或无线网络接口14，网络接口14可选的可以包括有线接口和/或无线接口（如WI-FI接口、蓝牙接口等），通常用于在该计算机装置1与其他电子设备之间建立通信连接。
可选地，该计算机装置1还可以包括用户接口，用户接口可以包括显示器（Display）、输入单元比如键盘（Keyboard），可选的，用户接口还可以包括标准的有线接口、无线接口。可选的，在一些实施例中，显示器可以是LED显示器、液晶显示器、触控式液晶显示器以及OLED（Organic Light-Emitting Diode，有机发光二极管）触摸器等。其中，显示器也可以适当的称为显示屏或显示单元，用于显示在计算机装置1中处理的信息以及用于显示可视化的用户界面。
图7仅示出了具有组件11-14以及计算机程序01的计算机装置1，本领域技术人员可以理解的是，图7示出的结构并不构成对计算机装置1的限定，可以包括比图示更少或者更多的部件，或者组合某些部件，或者不同的部件布置。
本发明还提供了一种计算机可读存储介质，该计算机可读存储介质上存储有计算机程序，计算机程序被处理器执行时，可以实现如下步骤：
获取合并行的初始高度megreHeight及表格中未合并的单行高度height；
当监听到表格滚动事件时，获取合并行未被遮挡的显示区域的高度length，并判断length与megreHeight及height的大小；
当length小于megreHeight且大于height时，设置合并行的当前高度参数值为小于等于length且大于height的任意值，以使得合并行中的文字根据合并行的当前高度参数值调整显示位置。
可选的，作为一种可能的实施方式，处理器还可以用于实现如下步骤：
调用文档对象模型DOM元素获取函数获取合并行的下边框高度；
调用文档对象模型DOM元素获取表格上边框的高度；
使用表格上边框的高度减去合并行的下边框高度，得到合并行未被遮挡的显示区域的高度length。
可选的，作为一种可能的实施方式，处理器还可以用于实现如下步骤：
调用文档对象模型DOM元素获取函数获取合并行的上边框高度；
调用文档对象模型DOM元素获取表格下边框的高度；
使用合并行的上边框高度减去表格下边框的高度，得到合并行未被遮挡的显示区域的高度length。
可选的，作为一种可能的实施方式，处理器还可以用于实现如下步骤：
当length小于等于height时，设置合并行的当前高度参数值为height。
可选的，作为一种可能的实施方式，处理器还可以用于实现如下步骤：
调用DOM元素获取函数获取合并行的初始高度megreHeight及表格中未合并的单行高度height。
在本申请所提供的几个实施例中，应该理解到，所揭露的系统，装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。
所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备（可以是个人计算机，服务器，或者网络设备等）执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器（ROM，Read-OnlyMemory）、随机存取存储器（RAM，Random Access Memory）、磁碟或者光盘等各种可以存储程序代码的介质。
以上所述，以上实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。
Claims (10)
1.一种表格并行显示区域动态调整方法，其特征在于，包括：
获取表格合并行的初始高度megreHeight及表格中未合并的单行高度height；
当监听到表格滚动事件时，获取所述合并行未被遮挡的显示区域的高度length，并判断所述length与megreHeight及height的大小；
当所述length小于所述megreHeight且大于所述height时，设置所述合并行的当前高度参数值为小于等于所述length且大于所述height的任意值，以使得合并行中的文字根据合并行的当前高度参数值调整显示位置至未被遮挡的显示区域。
2.根据权利要求1所述的方法，其特征在于，当表格向上滚动时，所述获取所述合并行未被遮挡的显示区域的高度length，包括：
调用文档对象模型DOM元素获取函数获取所述合并行的下边框高度；
调用文档对象模型DOM元素获取所述表格上边框的高度；
使用所述合并行的下边框高度减去所述表格上边框的高度，得到所述合并行未被遮挡的显示区域的高度length，其中，以页面左上角为计算原点。
3.根据权利要求1所述的方法，其特征在于，当表格向下滚动时，所述获取所述合并行未被遮挡的显示区域的高度length，包括：
调用文档对象模型DOM元素获取函数获取所述合并行的上边框高度；
调用文档对象模型DOM元素获取所述表格下边框的高度；
使用所述表格下边框的高度减去所述合并行的上边框高度，得到所述合并行未被遮挡的显示区域的高度length，其中，以页面左上角为计算原点。
4.根据权利要求1至3中任一项所述的方法，其特征在于，还包括：
当所述length小于等于所述height时，设置所述合并行的当前高度参数值为所述height。
5.根据权利要求1至3中任一项所述的方法，其特征在于，所述获取合并行的初始高度megreHeight及表格中未合并的单行高度height，包括：
调用DOM元素获取函数获取合并行的初始高度megreHeight及表格中未合并的单行高度height。
6.一种表格并行显示区域动态调整系统，其特征在于，包括：
第一获取模块，用于获取合并行的初始高度megreHeight及表格中未合并的单行高度height；
第二获取模块，用于当监听到表格滚动事件时，获取所述合并行未被遮挡的显示区域的高度length，并判断所述length与megreHeight及height的大小；
第一设置模块，当所述length小于所述megreHeight且大于所述height时，设置所述合并行的当前高度参数值为小于等于所述length且大于所述height的任意值，以使得合并行中的文字根据合并行的当前高度参数值调整显示位置至未被遮挡的显示区域。
7.根据权利要求6所述的系统，其特征在于，当表格向上滚动时，所述第二获取模块包括：
第一调用单元，用于调用文档对象模型DOM元素获取函数获取所述合并行的下边框高度；
第二调用单元，用于调用文档对象模型DOM元素获取所述表格上边框的高度；
第一计算单元，使用所述合并行的下边框高度减去所述表格上边框的高度，得到所述合并行未被遮挡的显示区域的高度length，其中，以页面左上角为计算原点。
8.根据权利要求6所述的系统，其特征在于，当表格向下滚动时，所述第二获取模块包括：
第三调用单元，用于调用文档对象模型DOM元素获取函数获取所述合并行的上边框高度；
第四调用单元，用于调用文档对象模型DOM元素获取所述表格下边框的高度；
第二计算单元，使用所述表格下边框的高度减去所述合并行的上边框高度，得到所述合并行未被遮挡的显示区域的高度length，其中，以页面左上角为计算原点。
9.一种计算机装置，其特征在于，所述计算机装置包括处理器，所述处理器用于执行存储器中存储的计算机程序时实现如权利要求1至5中任意一项所述方法的步骤。
10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于：所述计算机程序被处理器执行时实现如权利要求1至5中任意一项所述方法的步骤。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010680272.6A CN111723560B (zh) | 2020-07-15 | 2020-07-15 | 一种表格并行显示区域动态调整方法、系统及相关设备 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010680272.6A CN111723560B (zh) | 2020-07-15 | 2020-07-15 | 一种表格并行显示区域动态调整方法、系统及相关设备 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN111723560A CN111723560A (zh) | 2020-09-29 |
| CN111723560B true CN111723560B (zh) | 2024-04-19 |
Family
ID=72572486
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010680272.6A Active CN111723560B (zh) | 2020-07-15 | 2020-07-15 | 一种表格并行显示区域动态调整方法、系统及相关设备 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111723560B (zh) |
Families Citing this family (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112926286A (zh) * | 2021-04-02 | 2021-06-08 | 方正国际软件(北京)有限公司 | 一种动态表格生成方法与系统 |
| CN114154470A (zh) * | 2021-11-09 | 2022-03-08 | 广州市玄武无线科技股份有限公司 | 一种基于动态行高的表格处理方法 |
| CN114090165A (zh) * | 2021-11-24 | 2022-02-25 | 北京字节跳动网络技术有限公司 | 页面组件展示位置调整方法、装置、计算机设备及介质 |
| CN114296852A (zh) * | 2021-12-28 | 2022-04-08 | 挂号网（杭州）科技有限公司 | 一种显示目标页面的方法、装置、电子设备及存储介质 |
| CN114415919B (zh) * | 2022-01-21 | 2023-03-24 | 重庆允丰科技有限公司 | 表格横向滚动条的粘滞方法、复用方法及计算机存储介质 |
| CN117270855B (zh) * | 2023-11-22 | 2024-01-30 | 杭州比智科技有限公司 | 一种基于vue实现表格高度自适应的方法 |
Citations (16)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2007072513A (ja) * | 2005-09-02 | 2007-03-22 | Ricoh Co Ltd | データ表示装置およびデータ表示方法 |
| CN101211334A (zh) * | 2006-12-28 | 2008-07-02 | 珠海金山软件股份有限公司 | 一种在电子表格指定区域内定位单元格位置的装置和方法 |
| CN102323927A (zh) * | 2011-07-29 | 2012-01-18 | 无锡永中软件有限公司 | 一种文档合并方法 |
| JP2012141670A (ja) * | 2010-12-28 | 2012-07-26 | Fujitsu Frontech Ltd | 帳票認識装置、方法およびプログラム |
| CN103136178A (zh) * | 2011-12-05 | 2013-06-05 | 北大方正集团有限公司 | 排版过程中拆分表的方法和装置 |
| CN103279455A (zh) * | 2013-06-28 | 2013-09-04 | 中国农业银行股份有限公司 | 电子表格的样式处理方法和装置 |
| CN104516867A (zh) * | 2013-09-30 | 2015-04-15 | 北大方正集团有限公司 | 一种表格重排方法和系统 |
| CN105718436A (zh) * | 2015-12-18 | 2016-06-29 | 武汉开目信息技术有限责任公司 | 一种新型表格数据管理方法 |
| CN107704576A (zh) * | 2017-09-30 | 2018-02-16 | 厦门海迈科技股份有限公司 | 数据展示优化方法、装置、终端设备及存储介质 |
| CN107943930A (zh) * | 2017-11-22 | 2018-04-20 | 用友金融信息技术股份有限公司 | 动态表单生成方法、装置、计算机设备和可读存储介质 |
| CN109670157A (zh) * | 2018-12-25 | 2019-04-23 | 金蝶软件（中国）有限公司 | 一种表格高度的控制方法及相关设备 |
| CN109710909A (zh) * | 2018-12-29 | 2019-05-03 | 腾讯科技（深圳）有限公司 | 内容获取方法、装置、终端及存储介质 |
| WO2019104447A1 (en) * | 2017-12-03 | 2019-06-06 | Thomas Stachura | Spreadsheet-based software application development |
| CN110263281A (zh) * | 2019-06-17 | 2019-09-20 | 北京亚鸿世纪科技发展有限公司 | 一种数据可视化开发中页面分辨率自适应的装置及方法 |
| CN110738030A (zh) * | 2019-10-17 | 2020-01-31 | 上海眼控科技股份有限公司 | 表格重建方法、装置、电子设备及存储介质 |
| CN110969000A (zh) * | 2018-09-30 | 2020-04-07 | 北京国双科技有限公司 | 数据合并的处理方法及装置 |
Family Cites Families (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US8782510B2 (en) * | 2010-12-21 | 2014-07-15 | Business Objects Software Limited | Cell content scrolling |
| US20160140250A1 (en) * | 2014-11-13 | 2016-05-19 | Microsoft Technology Licensing, Llc. | Dynamic adjustment of elements of a document |
-
2020
- 2020-07-15 CN CN202010680272.6A patent/CN111723560B/zh active Active
Patent Citations (16)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2007072513A (ja) * | 2005-09-02 | 2007-03-22 | Ricoh Co Ltd | データ表示装置およびデータ表示方法 |
| CN101211334A (zh) * | 2006-12-28 | 2008-07-02 | 珠海金山软件股份有限公司 | 一种在电子表格指定区域内定位单元格位置的装置和方法 |
| JP2012141670A (ja) * | 2010-12-28 | 2012-07-26 | Fujitsu Frontech Ltd | 帳票認識装置、方法およびプログラム |
| CN102323927A (zh) * | 2011-07-29 | 2012-01-18 | 无锡永中软件有限公司 | 一种文档合并方法 |
| CN103136178A (zh) * | 2011-12-05 | 2013-06-05 | 北大方正集团有限公司 | 排版过程中拆分表的方法和装置 |
| CN103279455A (zh) * | 2013-06-28 | 2013-09-04 | 中国农业银行股份有限公司 | 电子表格的样式处理方法和装置 |
| CN104516867A (zh) * | 2013-09-30 | 2015-04-15 | 北大方正集团有限公司 | 一种表格重排方法和系统 |
| CN105718436A (zh) * | 2015-12-18 | 2016-06-29 | 武汉开目信息技术有限责任公司 | 一种新型表格数据管理方法 |
| CN107704576A (zh) * | 2017-09-30 | 2018-02-16 | 厦门海迈科技股份有限公司 | 数据展示优化方法、装置、终端设备及存储介质 |
| CN107943930A (zh) * | 2017-11-22 | 2018-04-20 | 用友金融信息技术股份有限公司 | 动态表单生成方法、装置、计算机设备和可读存储介质 |
| WO2019104447A1 (en) * | 2017-12-03 | 2019-06-06 | Thomas Stachura | Spreadsheet-based software application development |
| CN110969000A (zh) * | 2018-09-30 | 2020-04-07 | 北京国双科技有限公司 | 数据合并的处理方法及装置 |
| CN109670157A (zh) * | 2018-12-25 | 2019-04-23 | 金蝶软件（中国）有限公司 | 一种表格高度的控制方法及相关设备 |
| CN109710909A (zh) * | 2018-12-29 | 2019-05-03 | 腾讯科技（深圳）有限公司 | 内容获取方法、装置、终端及存储介质 |
| CN110263281A (zh) * | 2019-06-17 | 2019-09-20 | 北京亚鸿世纪科技发展有限公司 | 一种数据可视化开发中页面分辨率自适应的装置及方法 |
| CN110738030A (zh) * | 2019-10-17 | 2020-01-31 | 上海眼控科技股份有限公司 | 表格重建方法、装置、电子设备及存储介质 |
Non-Patent Citations (2)
| Title |
|---|
| 不损失数据的前提下合并单元格;王志军;《电脑知识与技术(经验技巧)》;20150131(第01期);41 * |
| 基于笔交互的表格制作;王晓春;田丰;戴国忠;;计算机辅助设计与图形学学报;20070515(第05期);558-562 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN111723560A (zh) | 2020-09-29 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN111723560B (zh) | 一种表格并行显示区域动态调整方法、系统及相关设备 | |
| JP5324411B2 (ja) | 広告配信装置、方法及びプログラム | |
| CN103678622B (zh) | 瀑布流式图片动态呈现的方法及装置 | |
| US10649644B2 (en) | Controlling multitasking application displays using gestures | |
| CN103713844B (zh) | 缩放屏幕画面的方法及电子装置 | |
| CN107229409A (zh) | 远程虚拟桌面系统的操作方法及装置 | |
| CN112182444B (zh) | 数据渲染系统、方法及电子设备 | |
| CN109062653B (zh) | 长图文信息显示方法、计算机装置及计算机可读存储介质 | |
| CN111338506B (zh) | 触摸响应方法、装置、电子设备及存储介质 | |
| WO2014067442A1 (en) | Page browsing method and browser | |
| CN107122104B (zh) | 数据显示方法及装置 | |
| CN103914228B (zh) | 一种移动终端及其触摸屏的操作方法 | |
| CN113176841A (zh) | 悬浮窗显示方法、装置、电子设备及可读存储介质 | |
| CN111985203A (zh) | 文档处理方法、文档处理装置和电子设备 | |
| CN108363814B (zh) | 标签设置方法、服务器及标签设置系统 | |
| KR101294458B1 (ko) | 모바일 디바이스에서의 텍스트 입력장치 및 그 방법 | |
| CN113342454B (zh) | 用于确定详情卡片位置的方法和装置 | |
| CN115840550A (zh) | 一种自适应角度的显示屏显示方法、装置及介质 | |
| CN113297313A (zh) | 表格数据展示方法、装置、电子设备及存储介质 | |
| US20160209988A1 (en) | Information Input Device, Control Method and Storage Medium | |
| CN111796736B (zh) | 应用程序的分享方法、装置和电子设备 | |
| CN110688185B (zh) | 一种页面显示方法、装置及电子设备 | |
| CN111221917B (zh) | 智能分区存储方法、装置及计算机可读存储介质 | |
| CN109901766B (zh) | 文档视口的移动方法、装置及电子设备 | |
| CN113515210A (zh) | 一种显示方法、装置、电子设备以及存储介质 |
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 |