CN111832271B - 数据呈现方法、装置、电子设备和存储介质 - Google Patents

Abstract

本申请公开了一种数据呈现方法，涉及计算机视觉领域、云计算领域和大数据领域。具体实现方案为：获取第一表格数据，基于第一表格数据渲染生成第一表格，确定第一表格中的指定区域，提取针对指定区域的第一表格数据作为第二表格数据，并基于第二表格数据渲染生成第二表格，将第二表格覆盖在第一表格的指定区域上进行展示，以及根据移动指令，更新第一表格的展示区域，并保持第二表格的展示区域不变。

Description

数据呈现方法、装置、电子设备和存储介质

技术领域

本公开涉及计算机技术领域，更具体地，涉及计算机视觉、大数据和云计算等技术领域，尤其，涉及一种数据呈现方法、装置、电子设备和计算机可读存储介质。

背景技术

随着大数据和计算机技术的快速发展，电子表格越来越频繁地应用于日常生活和工作等诸多场景中。用户使用电子表格可以制作各种简单或复杂的表格文档，用于信息记录、数字统计等。

然而，在实现本发明构思的过程中，发明人发现相关技术中至少存在如下问题：当电子表格的有效行数、列数较多时，滚动电子表格，所有的行或列都会跟着滚动，难以分清各行或各列单元格的数据所对应的标题名称，影响用户体验。

发明内容

提供了一种数据呈现方法、装置、电子设备和存储介质。

根据第一方面，提供了一种数据呈现方法，包括：获取第一表格数据，基于所述第一表格数据渲染生成第一表格，确定所述第一表格中的指定区域，从所述第一表格数据中提取针对所述指定区域的第一表格数据作为第二表格数据，并基于所述第二表格数据渲染生成第二表格，将所述第二表格覆盖在所述第一表格的指定区域上进行展示，以及根据移动指令，更新所述第一表格的展示区域，并保持所述第二表格的展示区域不变。

根据第二方面，提供了一种数据呈现装置，包括第一生成模块、确定模块、第二生成模块、展示模块和更新模块。其中，第一生成模块用于获取第一表格数据，基于所述第一表格数据渲染生成第一表格。确定模块用于确定所述第一表格中的指定区域。第二生成模块用于从所述第一表格数据中提取针对所述指定区域的第一表格数据作为第二表格数据，并基于所述第二表格数据渲染生成第二表格。展示模块用于将所述第二表格覆盖在所述第一表格的指定区域上进行展示。更新模块用于根据移动指令，更新所述第一表格的展示区域，并保持所述第二表格的展示区域不变。

根据第三方面，提供了一种电子设备，其特征在于，包括：至少一个处理器，以及与所述至少一个处理器通信连接的存储器，其中，所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行如上所述的方法。

根据第四方面，提供了一种存储有计算机指令的非瞬时计算机可读存储介质，其特征在于，所述计算机指令用于使所述计算机执行如上所述的方法。

根据第五方面，提供了一种计算机程序产品，包括计算机程序，所述计算机程序被所述计算机执行时实现如上所述的方法。

根据本申请的技术方案解决了在相关技术中滚动电子表格时，所有的行或列都会跟着滚动，难以分清各行或各列单元格的数据所对应的标题名称的问题，并且通过将基于指定区域重新渲染生成的第二表格覆盖在第一表格上进行展示，实现了固定该指定区域的效果，在滚动电子表格的其他部分时，可以保持该指定区域不动，方便用户查看，提高用户体验感。

应当理解，本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征，也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。

附图说明

附图用于更好地理解本方案，不构成对本申请的限定。其中：

图1是根据本申请实施例的数据呈现方法的流程图；

图2是根据本申请实施例的修改合并单元格所包含的单元格的数量的示意图；

图3是根据本申请第一实施例的数据呈现方法的表格展示区域的示意图，其中示出了第一指定区域的展示方式的示例；

图4A～4C是根据本申请第二实施例的数据呈现方法的表格展示区域的示意图，其中示出了第二指定区域的展示方式的示例；

图5是根据本申请第三实施例的数据呈现方法的表格展示区域的示意图，其中示出了第一指定区域和第二指定区域的展示方式的示例；

图6是根据本申请第四实施例的数据呈现方法的表格展示区域的示意图，其中示出了第一指定区域和第二指定区域的重叠部分的展示方式的示例；

图7是根据本申请实施例的根据移动指令更新第一表格的展示区域的流程图；

图8是根据本申请实施例的表格界面滚动的逻辑示意图；

图9是根据本申请实施例的数据呈现装置的框图；以及

图10是用来实现本申请实施例的数据呈现的方法的电子设备的框图。

具体实施方式

以下结合附图对本申请的示范性实施例做出说明，其中包括本申请实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本申请的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。

在此使用的术语仅仅是为了描述具体实施例，而并非意在限制本公开。在此使用的术语“包括”、“包含”等表明了所述特征、步骤、操作和/或部件的存在，但是并不排除存在或添加一个或多个其他特征、步骤、操作或部件。

在此使用的所有术语(包括技术和科学术语)具有本领域技术人员通常所理解的含义，除非另外定义。应注意，这里使用的术语应解释为具有与本说明书的上下文相一致的含义，而不应以理想化或过于刻板的方式来解释。

在使用类似于“A、B和C等中至少一个”这样的表述的情况下，一般来说应该按照本领域技术人员通常理解该表述的含义来予以解释(例如，“具有A、B和C中至少一个的系统”应包括但不限于单独具有A、单独具有B、单独具有C、具有A和B、具有A和C、具有B和C、和/或具有A、B、C的系统等)。在使用类似于“A、B或C等中至少一个”这样的表述的情况下，一般来说应该按照本领域技术人员通常理解该表述的含义来予以解释(例如，“具有A、B或C中至少一个的系统”应包括但不限于单独具有A、单独具有B、单独具有C、具有A和B、具有A和C、具有B和C、和/或具有A、B、C的系统等)。

本申请提供了一种数据呈现方法，该方法包括：获取第一表格数据，并基于第一表格数据渲染生成第一表格。然后，确定第一表格中的指定区域，提取针对该指定区域的第一表格数据作为第二表格数据，并基于第二表格数据渲染生成第二表格。以及将第二表格覆盖在第一表格的指定区域上进行展示。在接收到移动指令后，可以根据该移动指令，更新第一表格的展示区域，并保持第二表格的展示区域不变，从而可以实现固定该指定区域的效果，在用户滚动电子表格的其他部分时，可以保持该指定区域不动，方便用户查看，提高用户体验感。

图1是根据本申请实施例的数据呈现方法的流程图。

如图1所示，该方法包括操作S101～S105。

在操作S101，获取第一表格数据，基于第一表格数据渲染生成第一表格。

根据本申请实施例，第一表格数据例如可以是某表格对应的存储数据，基于该存储数据可以渲染生成该表格。例如，第一表格数据可以是某表格的全部存储数据或者部分存储数据。

在本申请实施例中，第一表格数据例如可以包括表格中的各单元格的内容和各单元格对应的单元格参数。例如，第一表格数据可以包括多个数组，表格中的每一行可以对应一个数组，每个数组中可以包括其对应行中的各单元格的内容和单元格参数。其中，单元格的内容可以是用于在该单元格中显示的数据内容，单元格参数可以包括该单元格的行宽rowspan(即，该单元格所占的行数)和列宽colspan(即，该单元格所占的列数)等。

根据本申请实施例，可以从存储空间里获取第一表格对应的第一表格数据，然后基于该第一表格数据渲染生成第一表格，以使第一表格数据中的数据内容可以通过表格的形式呈现给用户，方便用户查看。

在本申请实施例中，第一表格例如可以是包含原始数据的表格，也可以是对原始数据进行统计后生成的数据透视表或者交叉透视表等等。

在操作S102，确定第一表格中的指定区域。

根据本申请实施例，第一表格可以包括多个有效行和多个有效列，第一表格的展示区域可以大于电子设备的显示区域，用户可以通过滚动第一表格查看第一表格的不同展示区域。

在本申请实施例中，为了便于用户在滚动第一表格时，仍然能查看到某些区域中的内容，可以将该些区域设定为指定区域。例如，为了便于用户查看各列单元格的数据所对应的行字段名称，可以将行字段名称所在区域设定为指定区域。又例如，为了便于用户查看各行单元格的数据所对应的列字段名称，可以将列字段名称所在区域设定为指定区域。

根据本申请实施例，指定区域可以包括一个或多个单元格。例如，可以将第一表格中的某几行和/或某几列确定为指定区域。例如，可以将第一表格中的首行或者首列确定为指定区域。本公开实施例不限定指定区域所包含的单元格的数量和位置，本领域技术人员可以根据实际情况进行设定。

在本申请一实施例中，确定第一表格中的指定区域可以是将第一表格中的默认区域确定为指定区域。例如，可以将第一表格中的首行和/或首列确定为指定区域。或者，可以将第一表格中字段名称所在的区域确定为指定区域。例如，在数据透视表的场景下，可以将用户拖入到列维度或者行维度或者指标维度中的字段所在的区域确定为指定区域。

在本申请另一实施例中，确定第一表格中的指定区域还可以是基于用户选定指令将第一表格中用户选定的区域确定为指定区域。例如，可以用户选择其想要固定展示的区域，然后将用户选定的区域确定为指定区域。

在操作S103，提取针对指定区域的第一表格数据作为第二表格数据，并基于第二表格数据渲染生成第二表格。

根据本申请实施例，可以从第一表格数据中获取与指定区域相对应的第一表格数据作为第二表格数据。然后，将该第二表格数据渲染生成第二表格。例如，可以从第一表格数据中获取与首行对应的表格数据作为第二表格数据，然后将该表格数据渲染生成第二表格，则该第二表格中仅包含第一表格中的首行的内容。

在本申请实施例中，第一表格包括多个第一单元格，多个第一单元格中的N个第一单元格位于指定区域中，其中N为大于或等于1的整数。在基于第二表格数据渲染生成第二表格之前，可以在指定区域中N个第一单元格中的至少一个第一单元格与指定区域外的至少一个第一单元格形成合并单元格的情况下，修改合并单元格所包含的单元格的数量，使得修改后的合并单元格在所述指定区域内。

根据本申请实施例，指定区域中可能存在合并单元格，合并单元格可能存在其中一部分单元格位于指定区域内且另一部分单元格位于指定区域外的跨区域合并单元格。因此，本申请可以获取指定区域的原始的表格数据，若该表格数据中存在跨区域合并单元格，可以将该表格数据中的跨区域合并单元格所包含的单元格的数量进行修改，从而在基于修改后的表格数据渲染生成的第二表格中，该跨区域合并单元格可以全部位于指定区域内。

可以理解，本申请通过获取指定区域的原始表格数据，并重新渲染生成第二表格，可以将其中超出指定区域范围的合并单元格所包含的列宽或者行宽进行修改，以使修改后的合并单元格可以全部位于指定区域内，从而可以渲染生成仅包含指定区域的第二表格。本申请实施例还可以保持修改后的合并单元格中的内容不变，从而可以保证指定区域中各单元格内容的完整。

在操作S104，将第二表格覆盖在第一表格的指定区域上进行展示。

根据本申请实施例，可以将生成的第二表格覆盖在第一表格的指定区域上进行展示。例如，可以保持第二表格的初始位置与指定区域的初始位置相同，然后将第二表格覆盖在第一表格之上进行展示。

在操作S105，根据移动指令，更新第一表格的展示区域，并保持第二表格的展示区域不变。

根据本申请实施例，可以控制第一表格响应移动指令更新展示区域，控制第二表格不对该移动指令进行响应，从而可以实现在用户对表格进行滚动操作时，第一表格随之滚动，第二表格覆盖在第一表格之上并保持指定区域的固定展示。

在本申请实施例中，表格的展示区域例如可以是表格界面中的部分区域。可以响应于用户的移动指令，更新或保持表格在电子设备的显示界面上展示的区域。例如，第一表格的表格界面可能大于电子设备的显示界面，因此，第一表格可以仅在显示界面中展示其表格界面的部分区域，并响应于用户的移动指令，更新其展示的区域。例如，响应于用户向下滚动滚动条，可以将当前展示的区域上移出电子设备的显示界面，将下方区域展示在电子设备的显示界面中。

本申请实施例通过将第二表格覆盖在第一表格的指定区域上进行展示，并控制第一表格响应移动指令更新展示区域，第二表格保持展示区域不变，可以实现在表格展示的过程中固定该指定区域的效果。例如，在用户滚动表格的其他部分时，可以保持该指定区域不动，以便于用户通过该指定区域分清各行或各列单元格的数据所对应的字段名称，提高用户体验感。

图2是根据本申请实施例的修改合并单元格所包含的单元格的数量的示意图。

如图2所示，根据本申请实施例可以包括第一表格100和第二表格200。

在本申请实施例中，第一表格100可以包括指定区域110，指定区域110中包括合并单元格111，其中，合并单元格111包含两个单元格，一个单元格位于指定区域内，另一个单元格位于指定区域外。

根据本申请实施例，可以获取指定区域110的原始表格数据，在原始表格数据中，关于合并单元格111的表格数据所对应的列宽为2。可以将关于合并单元格111的表格数据所对应的列宽修改为1。然后，基于修改后的表格数据渲染生成第二表格200，其中，第二表格200中的单元格211与第一表格100中的合并单元格111相对应。从而，可以使第一表格中指定区域内的各合并单元格在第二表格中均位于指定区域内。

例如，可以记录指定区域内每行中的各单元格的列宽总和S，当总和S大于指定区域的列宽m的情况下，可以表示此时指定区域的列宽已经占满，最后一个单元格的列宽实际为n，应将最后一个单元格的列宽修改为(m-S+n)，以使第一表格中指定区域内的合并单元格在第二表格中可以均位于指定区域内。

在本申请一实施例中，在修改合并单元格的列宽或者行宽后，可以保持合并单元格中的内容不变。例如，第二表格200中的单元格211中的内容可以与第一表格100中的合并单元格111中的内容相同。

在本申请另一实施例中，也可以将修改后的合并单元格的内容设置为空，本申请实施例对此不作限定，本领域技术人员可以根据实际情况进行设定。例如，在合并单元格中的内容并非该指定区域中其他单元格所对应的字段名称的情况下，可以将修改后的合并单元格的内容设置为空。例如，指定区域为首列，首行为一个合并单元格，若首行的内容为该表格的名称(例如，办公用品)，首列中各单元格内容为地区的情况下，可以修改指定区域的第一行的合并单元格的列宽并将修改后的单元格内容设置为空。

本申请实施例通过获取指定区域的原始表格数据重新渲染生成第二表格，可以在重新渲染之前通过修改指定区域中存在的跨区域合并单元格的行宽或列宽来修改其所包含的单元格的数量，从而可以使第一表格中指定区域内的各合并单元格在第二表格中均位于指定区域内，保证了指定区域的完整性。

图3是根据本申请第一实施例的数据呈现方法的表格展示区域的示意图，其中示出了第一指定区域的展示方式的示例。

如图3所示，第一表格300中的指定区域可以包括第一指定区域310，第一指定区域310可以包括第一表格中的至少一行。例如，第一指定区域310可以包括表头字段所在的行。第一指定区域例如可以包括类别、产品名称、指标(数量、销售额等)等字段所在的行。

根据本申请实施例，可以基于第一指定区域310的原始表格数据生成第二表格320，并将第二表格320覆盖在第一指定区域310上进行展示。

例如，第一指定区域310的原始表格数据中的部分数据的数据格式可以表示如下：

在本申请一实施例中，在移动指令为纵向移动指令的情况下，可以基于纵向移动指令更新第一表格300的展示区域，并保持第二表格320的展示区域不变。例如，在用户纵向滚动表格时，可以更新第一表格300的纵向展示区域，并保持第二表格320的展示区域不变，从而用户可以查看到各列单元格的内容所对应的列字段名称。

在本申请另一实施例中，在移动指令为横向移动指令的情况下，可以基于横向移动指令更新第一表格300的展示区域和第二表格320的展示区域。例如，在用户横向滚动表格时，可以控制第一表格300和第二表格320同步滚动，以使第一表格300中各列单元格的内容与列字段名称相对应。

图4A～4C是根据本申请第二实施例的数据呈现方法的表格展示区域的示意图，其中示出了第二指定区域的展示方式的示例。

如图4A～4C所示，第一表格400中的指定区域可以包括第二指定区域，第二指定区域可以包括第一表格中的至少一列。

在本申请实施例中，第二指定区域可以包括左侧列指定区域410和右侧列指定区域420。例如，如图4A所示，左侧列指定区域410可以包括国家、省份、城市等字段所在的列。又例如，如图4B所示，右侧列指定区域420可以包括合计中的销售额字段所在的列。

根据本申请实施例，如图4C所示，可以基于左侧列指定区域410和右侧列指定区域420的原始表格数据生成第二表格430，并将第二表格430覆盖在第一表格上进行展示。

例如，用户可以选定从第1列到第3列作为左侧列指定区域，选定从后往前到第1列作为右侧列指定区域。

在本申请一实施例中，在移动指令为横向移动指令的情况下，可以基于横向移动指令更新第一表格400的展示区域，并保持第二表格430的展示区域不变。例如，在用户横向滚动表格时，可以更新第一表格400的横向展示区域，并保持第二表格430的展示区域不变，从而用户可以查看到各行单元格的内容所对应的行字段名称。

在本申请另一实施例中，在移动指令为纵向移动指令的情况下，可以基于纵向移动指令更新第一表格400的展示区域和第二表格430的展示区域。例如，在用户纵向滚动表格时，可以控制第一表格400和第二表格430同步滚动，以使第一表格400中各行单元格的内容与行字段名称相对应。

图5是根据本申请第三实施例的数据呈现方法的表格展示区域的示意图，其中示出了第一指定区域和第二指定区域的展示方式的示例。

如图5所示，第一表格500中的指定区域可以包括第一指定区域和第二指定区域。第一指定区域可以包括第一表格中的至少一行，例如，第一指定区域例如可以包括类别、产品名称、指标(数量、销售额等)等字段所在的行。第二指定区域可以包括第一表格中的至少一列，例如，第二指定区域可以包括左侧列指定区域和右侧列指定区域，左侧列指定区域可以包括国家、省份、城市等字段所在的列，右侧列指定区域可以包括合计中的销售额字段所在的列。

在本申请实施例中，当指定区域既包括第一指定区域又包括第二指定区域的情况下，可以提取针对第一指定区域的第一表格数据作为行表格数据，并基于行表格数据渲染生成固定行表格520。以及提取针对第二指定区域的第一表格数据作为列表格数据，并基于列表格数据渲染生成固定列表格510。固定列表格510和固定行表格520可以均覆盖在第一表格500上进行展示。本申请实施例分别生成不同的两个表格，可以在用户滚动表格界面时，实现一个表格响应指令，一个表格固定展示的效果。

在本申请一实施例中，在移动指令为纵向移动指令的情况下，可以基于纵向移动指令更新第一表格500的展示区域和固定列表格510的展示区域，并保持固定行520表格的展示区域不变。例如，在用户纵向滚动表格时，可以控制第一表格500和固定列表格510同步滚动，以使第一表格500中各行单元格的内容与行字段名称相对应，并保持固定行表格520的展示区域不变，从而用户可以查看到各列单元格的内容所对应的列字段名称。

在本申请另一实施例中，在移动指令为横向移动指令的情况下，可以基于横向移动指令更新第一表格500的展示区域和固定行表格520的展示区域，并保持固定列表格510的展示区域不变。例如，在用户横向滚动表格时，可以控制第一表格500和固定行表格520同步滚动，以使第一表格500中各列单元格的内容与列字段名称相对应，并保持固定列表格510的展示区域不变，从而用户可以查看到各行单元格的内容所对应的行字段名称。

图6是根据本申请第四实施例的数据呈现方法的表格展示区域的示意图，其中示出了第一指定区域和第二指定区域的重叠部分的展示方式的示例。

如图6所示，结合上述实施例，第一指定区域和第二指定区域至少部分重叠。因此，第一指定区域和第二指定区域之间存在重叠区域630。

可以理解，该重叠区域630可以一直固定展示在第一表格600之上，不随任何移动指令而更新展示区域。

在本公开一实施例中，可以将该重叠区域630固定在固定列表格610中。固定列表格610可以包括响应部分和非响应部分，非响应部分例如可以是基于第一指定区域和第二指定区域之间的重叠区域630而渲染生成的。可以将固定列表格610覆盖在固定行表格620上进行展示，以将重叠区域630覆盖在最上层。在接收到纵向移动指令时，可以基于纵向移动指令，更新第一表格600的展示区域和固定列表格610的响应部分的展示区域，保持固定列表格610的非响应部分(即，重叠区域630)和固定行表格620不变。在接收到横向移动指令时，可以基于横向移动指令，更新第一表格600的展示区域和固定行表格620的展示区域，保持固定列表格610整体不变。

在本公开另一实施例中，可以将该重叠区域630固定在固定行表格620中。固定行表格620可以包括响应部分和非响应部分，非响应部分例如可以是基于第一指定区域和第二指定区域之间的重叠区域630而渲染生成的。可以将固定行表格620覆盖在固定列表格610上进行展示，以将重叠区域630覆盖在最上层。在接收到横向移动指令时，可以基于横向移动指令，更新第一表格600的展示区域和固定行表格620的响应部分的展示区域，保持固定行表格620的非响应部分(即，重叠区域630)和固定列表格610不变。在接收到纵向移动指令时，可以基于纵向移动指令，更新第一表格600的展示区域和固定列表格610的展示区域，保持固定行表格620整体不变。

在本申请又一实施例中，还可以提取针对第一指定区域和第二指定区域之间的重叠区域630的第一表格数据作为第三表格数据，并基于第三表格数据渲染生成第三表格，并将第三表格覆盖在固定行表格610和固定列表格620上进行展示。在移动指令为纵向移动指令的情况下，可以基于纵向移动指令更新第一表格600的展示区域和固定列610表格的展示区域，并保持固定行表格620的展示区域和第三表格的展示区域(即，重叠区域630)不变。在移动指令为横向移动指令的情况下，可以基于横向移动指令更新第一表格600的展示区域和固定行表格620的展示区域，并保持固定列表格610的展示区域和第三表格的展示区域(即，重叠区域630)不变。

本公开实施例将重叠区域630覆盖展示在最上层，并且控制重叠区域630不响应任何移动指令，从而可以实现重叠区域630的展示区域始终不变的效果。

图7是根据本申请实施例的根据移动指令更新第一表格的展示区域的流程图。

如图7所示，根据移动指令更新第一表格的展示区域可以包括操作S701～S703。

在操作S701，接收移动指令。

在本申请一实施例中，可以响应于用户完成至少一次针对第一表格的展示区域的滚动操作，接收移动指令。

例如，用户可以通过滚动鼠标滚轮、或者滑动触摸板、或者滑动触控屏等方式对第一表格的展示区域进行滚动操作。可以将用户开始滚动到停止滚动作为用户的一次滚动操作。本申请实施例可以在用户完成每次滚动操作后进行响应，也可以在用户连续完成多次滚动操作后统一响应。

在本申请另一实施例中，可以响应于用户完成一次针对第一表格的滚动条的滚动操作，接收移动指令。

例如，用户可以通过移动滚动条的方式对第一表格的展示区域进行滚动操作。可以将用户开始移动滚动条到停止移动滚动条作为用户的一次滚动操作。本申请可以在用户完成该次移动滚动条的操作后进行响应。

在操作S702，基于移动指令确定移动距离。

在本申请一实施例中，若移动指令为针对第一表格的展示区域的滚动操作，则可以响应于接收到移动指令，确定移动距离为预设距离。

例如，用户每滚动一次鼠标滚轮，则确定第一表格的移动距离为10像素。本申请将每次滚动操作的步长设定为预设距离，与用户滚动滚轮的长短无关，可以避免跳跃现象，减少卡顿和抖动。

在本申请另一实施例中，若移动指令为针对第一表格的滚动条的固定弄操作，则可以基于滚动条的起止位置，确定移动距离。

在操作S703，基于移动距离，更新第一表格的展示区域。

根据本申请实施例，在用户完成一次滚动操作后，再基于该滚动操作对应的移动距离更新第一表格的展示区域，从而可以减少实时响应滚动操作更新界面内容造成的卡顿问题。

图8是根据本申请实施例的表格界面滚动的逻辑示意图。

如图8所示，本申请实施例可以包括操作S810～S850。

在操作S810，根据内容获取滚动条高度。例如，当表格内容超出表格的宽高时会产生滚动条，可以根据内容获取滚动条的高度。

在操作S820，根据mouseover获取是否进入可滚动区域。根据本申请实施例，可以根据mouseover获取鼠标移入的位置，并基于鼠标移入的位置确定当前的滚动目标，并确定鼠标移入的位置是否进入可滚动区域。

在操作S830，获取滚动条移动距离。在本申请实施例中，在确定鼠标移入的位置进入可滚动区域后，可以响应于滚动操作获取滚动条的移动距离。例如，可以通过鼠标滚轮滚动或者拖拽滚动条滚动两种方式发起滚动操作。

例如，在滚轮滚动方式中，可以通过操作S831A～S834A获取滚动条的移动距离。例如，鼠标滚轮进行移动(即，用户控制鼠标滚轮滚动)，通过监听onwheel事件，根据滚轮确定移动距离。由于滚轮滚动步长较大，因此会使目标元素产生跳跃现象。因此，本申请可以通过设置预设滚动步长，当每次监听到wheel事件的时候，始终都让目标跟随滚动条按照10像素(仅为示例)来滚动，可以为用户呈现平滑滚动并且延迟较小的效果。

例如，在拖拽滚动条滚动方式中，可以通过操作S831B～S834B获取滚动条的移动距离。例如，当拖拽滚动条时，可以通过鼠标mousedown事件记录按压下鼠标的起始位置和终止位置，基于起始位置和终止位置确定移动距离。

在操作S840，当确定滚动条滚动距离后，可以通过tranform的方式将第一表格移动到相应位置，并保持第二表格展示区域不变，从而可以达到固定展示指定区域的效果。

在操作S850，根据mouseover确定鼠标离开可滚动区域后，停止滚动。

图9是根据本申请实施例的数据呈现装置900的框图。

如图9所示，装置900包括第一生成模块910、确定模块920、第二生成模块930、展示模块940和更新模块950。

第一生成模块910用于获取第一表格数据，基于第一表格数据渲染生成第一表格。

确定模块920用于确定第一表格中的指定区域。

第二生成模块930用于提取针对指定区域的第一表格数据作为第二表格数据，并基于第二表格数据渲染生成第二表格。

展示模块940用于将第二表格覆盖在第一表格的指定区域上进行展示。

更新模块950用于根据移动指令，更新第一表格的展示区域，并保持第二表格的展示区域不变。

根据本申请实施例，第一表格包括多个第一单元格，多个第一单元格中的N个第一单元格位于指定区域中，其中N为大于或等于1的整数，该装置900还包括：修改模块，用于在基于第二表格数据渲染生成第二表格之前，在指定区域中N个第一单元格中的至少一个第一单元格与指定区域外的至少一个第一单元格形成合并单元格的情况下，修改合并单元格所包含的单元格的数量并保持合并单元格的内容不变，使得修改后的合并单元格在指定区域内。

根据本申请实施例，指定区域包括第一指定区域，第一指定区域包括第一表格中的至少一行。根据移动指令，更新第一表格的展示区域，并保持第二表格的展示区域不变，包括：在移动指令为纵向移动指令的情况下，基于纵向移动指令更新第一表格的展示区域，并保持第二表格的展示区域不变。在移动指令为横向移动指令的情况下，基于横向移动指令更新第一表格的展示区域和第二表格的展示区域。

根据本申请实施例，指定区域包括第二指定区域，第二指定区域包括第一表格中的至少一列。根据移动指令，更新第一表格的展示区域，并保持第二表格的展示区域不变，包括：在移动指令为横向移动指令的情况下，基于横向移动指令更新第一表格的展示区域，并保持第二表格的展示区域不变。在移动指令为纵向移动指令的情况下，基于纵向移动指令更新第一表格的展示区域和第二表格的展示区域。

根据本申请实施例，指定区域包括第一指定区域和第二指定区域，第一指定区域包括第一表格中的至少一行，第二指定区域包括第一表格中的至少一列。提取针对指定区域的第一表格数据作为第二表格数据，并基于第二表格数据渲染生成第二表格包括：提取针对第一指定区域的第一表格数据作为行表格数据，并基于行表格数据渲染生成固定行表格，以及提取针对第二指定区域的第一表格数据作为列表格数据，并基于列表格数据渲染生成固定列表格。

根据本申请实施例，根据移动指令，更新第一表格的展示区域，并保持第二表格的展示区域不变，包括：在移动指令为纵向移动指令的情况下，基于纵向移动指令更新第一表格的展示区域和固定列表格的展示区域，并保持固定行表格的展示区域不变，在移动指令为横向移动指令的情况下，基于横向移动指令更新第一表格的展示区域和固定行表格的展示区域，并保持固定列表格的展示区域不变。

根据本申请实施例，第一指定区域和第二指定区域至少部分重叠。

根据本申请实施例，固定列表格包括响应部分和非响应部分，非响应部分是基于第一指定区域和第二指定区域之间的重叠区域而渲染生成的。固定列表格覆盖在固定行表格上进行展示。基于纵向移动指令更新第一表格的展示区域和固定列表格的展示区域，包括：基于纵向移动指令，更新第一表格的展示区域和固定列表格的响应部分的展示区域。

根据本申请实施例，固定行表格包括响应部分和非响应部分，非响应部分是基于第一指定区域和第二指定区域之间的重叠区域而渲染生成的。固定行表格覆盖在固定列表格上进行展示。基于横向移动指令更新第一表格的展示区域和固定行表格的展示区域，包括：基于横向移动指令，更新第一表格的展示区域和固定行表格的响应部分的展示区域。

根据本申请实施例，该装置900还可以包括第三生成模块，用于提取针对第一指定区域和第二指定区域之间的重叠区域的第一表格数据作为第三表格数据，并基于第三表格数据渲染生成第三表格，以及将第三表格覆盖在固定行表格和固定列表格上进行展示。

根据本申请实施例，根据移动指令，更新第一表格的展示区域，并保持第二表格的展示区域不变，包括：在移动指令为纵向移动指令的情况下，基于纵向移动指令更新第一表格的展示区域和固定列表格的展示区域，并保持固定行表格的展示区域和第三表格的展示区域不变，在移动指令为横向移动指令的情况下，基于横向移动指令更新第一表格的展示区域和固定行表格的展示区域，并保持固定列表格的展示区域和第三表格的展示区域不变。

根据本申请实施例，根据移动指令，更新第一表格的展示区域包括：接收移动指令，基于移动指令确定移动距离，基于移动距离，更新第一表格的展示区域。

根据本申请实施例，接收移动指令，包括：响应于用户完成至少一次针对第一表格的展示区域的滚动操作，接收移动指令。基于移动指令确定移动距离，包括：响应于接收到移动指令，确定移动距离为预设距离。

根据本申请实施例，接收移动指令，包括：响应于用户完成一次针对第一表格的滚动条的滚动操作，接收移动指令。基于移动指令确定移动距离，包括：基于滚动条的起止位置，确定移动距离。

根据本公开的实施例的模块、子模块、单元、子单元中的任意多个、或其中任意多个的至少部分功能可以在一个模块中实现。根据本公开实施例的模块、子模块、单元、子单元中的任意一个或多个可以被拆分成多个模块来实现。根据本公开实施例的模块、子模块、单元、子单元中的任意一个或多个可以至少被部分地实现为硬件电路，例如现场可编程门阵列(FPGA)、可编程逻辑阵列(PLA)、片上系统、基板上的系统、封装上的系统、专用集成电路(ASIC)，或可以通过对电路进行集成或封装的任何其他的合理方式的硬件或固件来实现，或以软件、硬件以及固件三种实现方式中任意一种或以其中任意几种的适当组合来实现。或者，根据本公开实施例的模块、子模块、单元、子单元中的一个或多个可以至少被部分地实现为计算机程序模块，当该计算机程序模块被运行时，可以执行相应的功能。

例如，第一生成模块910、确定模块920、第二生成模块930、展示模块940和更新模块950中的任意多个可以合并在一个模块中实现，或者其中的任意一个模块可以被拆分成多个模块。或者，这些模块中的一个或多个模块的至少部分功能可以与其他模块的至少部分功能相结合，并在一个模块中实现。根据本公开的实施例，第一生成模块910、确定模块920、第二生成模块930、展示模块940和更新模块950中的至少一个可以至少被部分地实现为硬件电路，例如现场可编程门阵列(FPGA)、可编程逻辑阵列(PLA)、片上系统、基板上的系统、封装上的系统、专用集成电路(ASIC)，或可以通过对电路进行集成或封装的任何其他的合理方式等硬件或固件来实现，或以软件、硬件以及固件三种实现方式中任意一种或以其中任意几种的适当组合来实现。或者，第一生成模块910、确定模块920、第二生成模块930、展示模块940和更新模块950中的至少一个可以至少被部分地实现为计算机程序模块，当该计算机程序模块被运行时，可以执行相应的功能。

根据本申请的实施例，本申请还提供了一种电子设备、一种可读存储介质和一种计算机程序产品。计算机程序产品可以包括计算机程序，所述计算机程序被所述计算机执行时实现如上所述的方法。

如图10所示，是根据本申请实施例的数据呈现方法的电子设备的框图。电子设备旨在表示各种形式的数字计算机，诸如，膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置，诸如，个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例，并且不意在限制本文中描述的和/或者要求的本申请的实现。

如图10所示，该电子设备包括：一个或多个处理器1001、存储器1002，以及用于连接各部件的接口，包括高速接口和低速接口。各个部件利用不同的总线互相连接，并且可以被安装在公共主板上或者根据需要以其它方式安装。处理器可以对在电子设备内执行的指令进行处理，包括存储在存储器中或者存储器上以在外部输入/输出装置(诸如，耦合至接口的显示设备)上显示GUI的图形信息的指令。在其它实施方式中，若需要，可以将多个处理器和/或多条总线与多个存储器和多个存储器一起使用。同样，可以连接多个电子设备，各个设备提供部分必要的操作(例如，作为服务器阵列、一组刀片式服务器、或者多处理器系统)。图10中以一个处理器1001为例。

存储器1002即为本申请所提供的非瞬时计算机可读存储介质。其中，所述存储器存储有可由至少一个处理器执行的指令，以使所述至少一个处理器执行本申请所提供的数据呈现方法。本申请的非瞬时计算机可读存储介质存储计算机指令，该计算机指令用于使计算机执行本申请所提供的数据呈现方法。

存储器1002作为一种非瞬时计算机可读存储介质，可用于存储非瞬时软件程序、非瞬时计算机可执行程序以及模块，如本申请实施例中的数据呈现方法对应的程序指令/模块(例如，附图9所示的第一生成模块910、确定模块920、第二生成模块930、展示模块940和更新模块950)。处理器1001通过运行存储在存储器1002中的非瞬时软件程序、指令以及模块，从而执行服务器的各种功能应用以及数据处理，即实现上述方法实施例中的数据呈现方法。

存储器1002可以包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需要的应用程序；存储数据区可存储根据执行本申请实施例中的数据呈现方法的电子设备的使用所创建的数据等。此外，存储器1002可以包括高速随机存取存储器，还可以包括非瞬时存储器，例如至少一个磁盘存储器件、闪存器件、或其他非瞬时固态存储器件。在一些实施例中，存储器1002可选包括相对于处理器1001远程设置的存储器，这些远程存储器可以通过网络连接至执行本申请实施例中的数据呈现方法的电子设备。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。

数据呈现方法的电子设备还可以包括：输入装置1003和输出装置1004。处理器1001、存储器1002、输入装置1003和输出装置1004可以通过总线或者其他方式连接，图10中以通过总线连接为例。

输入装置1003可接收输入的数字或字符信息，以及产生与数据呈现的电子设备的用户设置以及功能控制有关的键信号输入，例如触摸屏、小键盘、鼠标、轨迹板、触摸板、指示杆、一个或者多个鼠标按钮、轨迹球、操纵杆等输入装置。输出装置1004可以包括显示设备、辅助照明装置(例如，LED)和触觉反馈装置(例如，振动电机)等。该显示设备可以包括但不限于，液晶显示器(LCD)、发光二极管(LED)显示器和等离子体显示器。在一些实施方式中，显示设备可以是触摸屏。

此处描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、专用ASIC(专用集成电路)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括：实施在一个或者多个计算机程序中，该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释，该可编程处理器可以是专用或者通用可编程处理器，可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令，并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。

这些计算程序(也称作程序、软件、软件应用、或者代码)包括可编程处理器的机器指令，并且可以利用高级过程和/或面向对象的编程语言、和/或汇编/机器语言来实施这些计算程序。如本文使用的，术语“机器可读介质”和“计算机可读介质”指的是用于将机器指令和/或数据提供给可编程处理器的任何计算机程序产品、设备、和/或装置(例如，磁盘、光盘、存储器、可编程逻辑装置(PLD))，包括，接收作为机器可读信号的机器指令的机器可读介质。术语“机器可读信号”指的是用于将机器指令和/或数据提供给可编程处理器的任何信号。

为了提供与用户的交互，可以在计算机上实施此处描述的系统和技术，该计算机具有：用于向用户显示信息的显示装置(例如，CRT(阴极射线管)或者LCD(液晶显示器)监视器)；以及键盘和指向装置(例如，鼠标或者轨迹球)，用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互；例如，提供给用户的反馈可以是任何形式的传感反馈(例如，视觉反馈、听觉反馈、或者触觉反馈)；并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。

可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如，作为数据服务器)、或者包括中间件部件的计算系统(例如，应用服务器)、或者包括前端部件的计算系统(例如，具有图形用户界面或者网络浏览器的用户计算机，用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如，通信网络)来将系统的部件相互连接。通信网络的示例包括：局域网(LAN)、广域网(WAN)和互联网。

计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。

应该理解，可以使用上面所示的各种形式的流程，重新排序、增加或删除步骤。例如，本发申请中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行，只要能够实现本申请公开的技术方案所期望的结果，本文在此不进行限制。

上述具体实施方式，并不构成对本申请保护范围的限制。本领域技术人员应该明白的是，根据设计要求和其他因素，可以进行各种修改、组合、子组合和替代。任何在本申请的精神和原则之内所作的修改、等同替换和改进等，均应包含在本申请保护范围之内。

Claims (13)

1.一种数据呈现方法，其特征在于，包括：

获取第一表格数据，基于所述第一表格数据渲染生成第一表格；

确定所述第一表格中的指定区域；

从所述第一表格数据中提取针对所述指定区域的第一表格数据作为第二表格数据，并基于所述第二表格数据渲染生成第二表格；

将所述第二表格覆盖在所述第一表格的指定区域上进行展示；以及

根据移动指令，更新所述第一表格的展示区域，并保持所述第二表格的展示区域不变；

其中，所述指定区域包括第一指定区域和第二指定区域，所述第一指定区域和所述第二指定区域至少部分重叠；所述第一指定区域包括所述第一表格中的至少一行，所述第二指定区域包括所述第一表格中的至少一列；

所述提取针对所述指定区域的第一表格数据作为第二表格数据，并基于所述第二表格数据渲染生成第二表格包括：

提取针对所述第一指定区域的第一表格数据作为行表格数据，并基于所述行表格数据渲染生成固定行表格；以及

提取针对所述第二指定区域的第一表格数据作为列表格数据，并基于所述列表格数据渲染生成固定列表格；

其中，所述固定列表格和所述固定行表格各自包括响应部分和非响应部分，所述非响应部分是基于所述第一指定区域和所述第二指定区域之间的重叠区域而渲染生成的。

2.根据权利要求1所述的方法，其特征在于，所述第一表格包括多个第一单元格，所述多个第一单元格中的N个第一单元格位于所述指定区域中，其中N为大于或等于1的整数，所述方法还包括：在基于所述第二表格数据渲染生成第二表格之前，

在所述指定区域中所述N个第一单元格中的至少一个第一单元格与所述指定区域外的至少一个第一单元格形成合并单元格的情况下，修改所述合并单元格所包含的单元格的数量，使得修改后的合并单元格在所述指定区域内。

3.根据权利要求1所述的方法，其特征在于，所述根据移动指令，更新所述第一表格的展示区域，并保持所述第二表格的展示区域不变，包括：

在所述移动指令为纵向移动指令的情况下，基于所述纵向移动指令更新所述第一表格的展示区域和所述固定列表格的展示区域，并保持所述固定行表格的展示区域不变；

在所述移动指令为横向移动指令的情况下，基于所述横向移动指令更新所述第一表格的展示区域和所述固定行表格的展示区域，并保持所述固定列表格的展示区域不变。

4.根据权利要求3所述的方法，其特征在于，

所述固定列表格覆盖在所述固定行表格上进行展示；

所述基于所述纵向移动指令更新所述第一表格的展示区域和所述固定列表格的展示区域，包括：基于所述纵向移动指令，更新所述第一表格的展示区域和所述固定列表格的响应部分的展示区域。

5.根据权利要求3所述的方法，其特征在于，

所述固定行表格覆盖在所述固定列表格上进行展示；

所述基于所述横向移动指令更新所述第一表格的展示区域和所述固定行表格的展示区域，包括：基于所述横向移动指令，更新所述第一表格的展示区域和所述固定行表格的响应部分的展示区域。

6.根据权利要求1所述的方法，其特征在于，还包括：

提取针对所述第一指定区域和所述第二指定区域之间的重叠区域的第一表格数据作为第三表格数据，并基于所述第三表格数据渲染生成第三表格；以及

将所述第三表格覆盖在所述固定行表格和所述固定列表格上进行展示。

7.根据权利要求6所述的方法，其特征在于，所述根据移动指令，更新所述第一表格的展示区域，并保持所述第二表格的展示区域不变，包括：

在所述移动指令为纵向移动指令的情况下，基于所述纵向移动指令更新所述第一表格的展示区域和所述固定列表格的展示区域，并保持所述固定行表格的展示区域和所述第三表格的展示区域不变；

在所述移动指令为横向移动指令的情况下，基于所述横向移动指令更新所述第一表格的展示区域和所述固定行表格的展示区域，并保持所述固定列表格的展示区域和所述第三表格的展示区域不变。

8.根据权利要求1所述的方法，其特征在于，所述根据移动指令，更新所述第一表格的展示区域包括：

接收移动指令；

基于所述移动指令确定移动距离；

基于所述移动距离，更新所述第一表格的展示区域。

9.根据权利要求8所述的方法，其特征在于，

所述接收移动指令，包括：

响应于用户完成至少一次针对所述第一表格的展示区域的滚动操作，接收所述移动指令；

所述基于所述移动指令确定移动距离，包括：

响应于接收到移动指令，确定所述移动距离为预设距离。

10.根据权利要求8所述的方法，其特征在于，

所述接收移动指令，包括：

响应于用户完成一次针对所述第一表格的滚动条的滚动操作，接收所述移动指令；

所述基于所述移动指令确定移动距离，包括：

基于所述滚动条的起止位置，确定所述移动距离。

11.一种数据呈现装置，其特征在于，包括：

第一生成模块，用于获取第一表格数据，基于所述第一表格数据渲染生成第一表格；

确定模块，用于确定所述第一表格中的指定区域；

第二生成模块，用于从所述第一表格数据中提取针对所述指定区域的第一表格数据作为第二表格数据，并基于所述第二表格数据渲染生成第二表格；

展示模块，用于将所述第二表格覆盖在所述第一表格的指定区域上进行展示；以及

更新模块，用于根据移动指令，更新所述第一表格的展示区域，并保持所述第二表格的展示区域不变；

其中，所述指定区域包括第一指定区域和第二指定区域，所述第一指定区域和所述第二指定区域至少部分重叠；所述第一指定区域包括所述第一表格中的至少一行，所述第二指定区域包括所述第一表格中的至少一列；

所述第二生成模块通过以下操作提取针对所述指定区域的第一表格数据作为第二表格数据，并基于所述第二表格数据渲染生成第二表格：

提取针对所述第一指定区域的第一表格数据作为行表格数据，并基于所述行表格数据渲染生成固定行表格；以及

提取针对所述第二指定区域的第一表格数据作为列表格数据，并基于所述列表格数据渲染生成固定列表格；

其中，所述固定列表格和所述固定行表格各自包括响应部分和非响应部分，所述非响应部分是基于所述第一指定区域和所述第二指定区域之间的重叠区域而渲染生成的。

12.一种电子设备，其特征在于，包括：

至少一个处理器；以及

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行权利要求1-10中任一项所述的方法。

13.一种存储有计算机指令的非瞬时计算机可读存储介质，其特征在于，所述计算机指令用于使所述计算机执行权利要求1-10中任一项所述的方法。