CN106557491A - 一种网页中展示表格数据的方法和装置 - Google Patents

Abstract

本发明公开了一种网页中展示表格数据的方法和装置。所述网页的第一表格中展示从原始表格数据中提取的第一表格数据，所述方法包括：侦听用户针对所述第一表格中设置的横向滚动条的横向拖动操作，根据所述横向拖动操作指示的横向拖动信息，从所述原始表格数据提取所述第一表格中待展示的第二表格数据，将所述第二表格数据替代所述第一表格数据展示在所述第一表格中。依据本发明实施例的方案，当网页源文件针对所述第一表格记录了较多的表格数据时，用户只需拖动第一表格内置的横向滚动条，即可查看所述第一表格中未展示的表格数据，用户在网页中查看所述第一表格中未展示的表格数据的过程中操作简单。

Description

一种网页中展示表格数据的方法和装置

技术领域

本发明涉及软件技术领域，具体涉及一种网页中展示表格数据的方法，以及一种网页中展示表格数据的装置。

背景技术

人们可以通过查看网页展示的表格获取所需数据。但由于用户终端显示屏宽度的局限用户只能查看有限区域中展示的表格数据。针对数据量较大的表格，网页展示区域只能展示其中部分数据。

目前，一般通过缩小表格内数据的字体的方式以增加网页展示区域展示的表格数据的数量，通过放大表格的某个区域查看数据，操作非常复杂，给用户在网页中查看表格数据的过程带来了很大麻烦；还可以通过拆分表格，将表格数据划分到多个表格中，通过拉动纵向滚动条查看多个表格，但这种方式会导致无法在一个网页界面中查看所有表格，并且无法与当前网页的其它数据同时比对查看。

发明内容

鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的网页中展示表格数据的方法和相应的网页中展示表格数据的装置。

依据本发明的一个方面，提供了一种网页中展示表格数据的方法，所述网页的第一表格中展示从原始表格数据中提取的第一表格数据，所述方法包括：

侦听用户针对所述第一表格中设置的横向滚动条的横向拖动操作；

根据所述横向拖动操作指示的横向拖动信息，从所述原始表格数据提取所述第一表格中待展示的第二表格数据；

将所述第二表格数据替代所述第一表格数据展示在所述第一表格中。

可选地，所述网页中还展示位于所述第一表格左右两侧的第二表格和第三表格。

可选地，所述根据所述横向拖动操作指示的横向拖动信息，从所述原始表格数据提取所述第一表格中待展示的第二表格数据包括：

确定所述横向拖动操作起始时，所述第一表格数据在所述原始表格数据中的第一位置信息；

根据所述横向拖动操作指示的横向拖动信息，计算待展示的第二表格数据在所述原始表格数据中的第二位置信息；

根据计算的所述第二位置信息，从所述原始表格数据中提取待展示的所述第二表格数据。

可选地，所述根据所述横向拖动操作指示的横向拖动信息，计算待展示的第二表格数据在所述原始表格数据中的第二位置信息包括：

根据所述横向拖动操作指示的横向拖动距离，以及根据预置的单位拖动距离与表格横向长度的对应关系，计算待展示的第二表格数据在所述原始表格数据中的所述第二位置信息。

可选地，将所述第二表格数据替代所述第一表格数据展示在所述一表格中包括：

提取记录所述网页的网页源文件，并在所述网页源文件中，查找所述第一表格对应的第一表格元素；

在所述第一表格对应的第一表格元素中，将提取的所述第二表格数据替换记录的所述第一表格数据；

渲染更新后的网页源文件，将所述第二表格数据展示在所述网页的第一表格中。

可选地，所述方法还包括：

根据用户针对所述网页中设置的纵向滚动条的纵向拖动操作，从所述原始表格数据中提取第三表格数据替代所述第一表格数据展示在所述第一表格中，并在所述第一表格的首行覆盖展示所述原始表格数据的表头数据。

可选地，所述根据用户针对所述网页中设置的纵向滚动条的纵向拖动操作，从所述原始表格数据中提取第三表格数据替代所述第一表格数据展示在所述第一表格中，并在所述第一表格的首行覆盖展示所述原始表格数据的表头数据包括：

根据用户针对所述网页中设置的纵向滚动条的纵向拖动操作，在所述第一表格对应的表格元素中，将提取的所述第三表格数据替换所述第一表格数据；

在所述网页源文件中增加展示所述原始表格数据的表头数据的第二表格元素，所述表头数据展示在所述第一表格的首行并置于所述第三表格数据的上层；

渲染替换所述第三表格数据以及增加所述第二表格元素的网页源文件。

依据本发明的另一个方面，还提供了一种网页中展示表格数据的装置，所述网页的第一表格中展示从原始表格数据中提取的第一表格数据，所述装置包括：

横向拖动操作侦听模块，用于侦听用户针对所述第一表格中设置的横向滚动条的横向拖动操作；

第二表格数据提取模块，用于根据所述横向拖动操作指示的横向拖动信息，从所述原始表格数据提取所述第一表格中待展示的第二表格数据；

第二表格数据展示模块，用于将所述第二表格数据替代所述第一表格数据展示在所述第一表格中。

可选地，所述网页中还展示位于所述第一表格左右两侧的第二表格和第三表格。

可选地，所述第二表格数据提取模块包括：

第一位置信息确定子模块，用于确定所述横向拖动操作起始时，所述第一表格数据在所述原始表格数据中的第一位置信息；

第二位置信息计算子模块，用于根据所述横向拖动操作指示的横向拖动信息，计算待展示的第二表格数据在所述原始表格数据中的第二位置信息；

第二表格数据提取子模块，用于根据计算的所述第二位置信息，从所述原始表格数据中提取待展示的所述第二表格数据。

可选地，所述第二位置信息计算子模块，具体用于根据所述横向拖动操作指示的横向拖动距离，以及根据预置的单位拖动距离与表格横向长度的对应关系，计算待展示的第二表格数据在所述原始表格数据中的所述第二位置信息。

可选地，所述第二表格数据展示模块包括：

第一表格元素查找子模块，用于提取记录所述网页的网页源文件，并在所述网页源文件中，查找所述第一表格对应的第一表格元素；

第二表格数据替换子模块，用于在所述第一表格对应的第一表格元素中，将提取的所述第二表格数据替换记录的所述第一表格数据；

第二表格数据渲染子模块，用于渲染更新后的网页源文件，将所述第二表格数据展示在所述网页的第一表格中。

可选地，所述装置还包括：

表头数据覆盖展示模块，用于根据用户针对所述网页中设置的纵向滚动条的纵向拖动操作，从所述原始表格数据中提取的第三表格数据替代所述第一表格数据展示在所述第一表格中，并在所述第一表格的首行覆盖展示所述原始表格数据的表头数据。

可选地，所述表头数据覆盖展示模块包括：

第三表格数据替换子模块，用于根据用户针对所述网页中设置的纵向滚动条的纵向拖动操作，在所述第一表格对应的表格元素中，将提取的所述第三表格数据替换所述第一表格数据；

第二表格元素增加子模块，用于在所述网页源文件中增加展示所述原始表格数据的表头数据的第二表格元素，所述表头数据展示在所述第一表格的首行并置于所述第三表格数据的上层；

网页源文件渲染子模块，用于渲染替换所述第三表格数据以及增加所述第二表格元素的网页源文件。

依据本发明实施例，所述网页的第一表格展示从原始表格数据中提取的第一表格数据，侦听用户针对所述第一表格中设置的横向滚动条的横向拖动操作，根据所述横向拖动操作指示的横向拖动信息，从所述原始表格数据提取所述第一表格中待展示的第二表格数据，将所述第二表格数据替代所述第一表格数据展示在所述第一表格中。从而实现一种网页中展示表格数据的方法。

通过上述机制，当网页源文件针对所述第一表格记录了较多的表格数据时，用户只需拖动第一表格内置的横向滚动条，即可查看所述第一表格中未展示的表格数据，查看所述第一表格的表格数据不再受网页展示区域大小的限制，用户在网页中查看所述第一表格中未展示的表格数据的过程中操作简单。在拖动第一表格内置的横向滚动条的过程中，可以更好地将第一表格中待展示的表格数据与网页中已展示的其他数据进行比对，便于用户进行表格数据分析。

另外，在拖动第一表格内置的纵向滚动条的过程中，第一表格的表头数据可以始终展示在第一表格的首行，便于用户根据表头数据对应的数据属性对更新的第三表格数据进行查看分析。

上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的具体实施方式。

附图说明

通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：

图1示出了根据本发明实施例1的一种网页中展示表格数据的方法流程图；

图2示出了根据本发明实施例的一个示例的网页中展示的表格的示意图；

图3示出了根据本发明实施例2的一种网页中展示表格数据的方法流程图；

图4示出了根据本发明实施例3的一种网页中展示表格数据的方法流程图；

图5示出了根据本发明实施例1的一种网页中展示表格数据的装置结构框图；

图6示出了根据本发明实施例2的一种网页中展示表格数据的装置结构框图；

图7示出了根据本发明实施例3的一种网页中展示表格数据的装置结构框图。

具体实施方式

下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。

参照图1，示出了根据本发明实施例1的一种网页中展示表格数据的方法流程图，所述方法具体可以包括：

步骤101、侦听用户针对所述第一表格中设置的横向滚动条的横向拖动操作，所述网页的第一表格中展示从原始表格数据中提取的第一表格数据。

所述原始表格数据可以为网页源文件中记录的所有表格的表格总数据。所述网页中可以展示所述第一表格，还可以展示其它多个表格，相应地，所述网页源文件中可以记录所述第一表格数据，还可以记录其它表格数据。例如，所述网页中还展示位于所述第一表格左右两侧的第二表格和第三表格。其中，位于所述第一表格两侧的所述第二表格和所述第三表格可以为设置有滚动条的表格，也可以为无滚动条的展示固定表格数据的表格，本发明在此不做限制。用户在拖动第一表格内置的横向滚动条的过程中，可以更好地将第一表格中待展示的表格数据与网页中所述第二表格和/或所述第三表格已展示的其他数据进行比对，便于用户进行表格数据分析。

需要说明的是，各个表格包含的列数可以根据需要进行设定，可以在编写表格代码时对表格的个数和各个表格包含的列数进行设定，也可以在网页的相关配置页面上对表格的个数和各个表格包含的列数进行设定，本发明在此不做限制。

所述第一表格数据可以为当前网页中的所述第一表格展示的表格数据。

因为网页中所述第一表格的数据展示区域是有限的，当所述原始表格数据记录了较多的针对第一表格的表格数据时，所述第一表格的数据展示区域不能一次展示所述第一表格的所有数据，只能对第一表格的部分数据进行展示。为了方便用户在有限的数据展示区域内查看所述第一表格的所有表格数据，本发明实施例在所述第一表格中设置有横向滚动条，用户可以通过拖动横向滚动条，更新所述第一表格展示的内容，查看所需的表格数据。因此，可以侦听用户针对所述第一表格中设置的横向滚动条的横向拖动操作。

参照图2，示出了根据本发明实施例的一个示例的网页中展示的表格的示意图。从图2可知，图2所示的网页中展示了三个表格。其中，左侧表格包含固定的两列，所述两列的表头信息分别为1银行到款时间和2付款方名称，左侧表格中没有设置横向滚动条；右侧表格包含一列，该列的表头信息为19广告类型；中间表格包含十六列，因为在网页源文件中针对中间表格记录的表格数据较多，所以在中间表格中设置了横向滚动条，用户可以拖动中间表格内的横向滚动条查看所述中间表格未展示的所需的表格数据。中间表格展示出第十三列，对应的表头信息为人款金额，当用户预查看第十四列表格数据时，可以向右拖动中间表格的横向滚动条，查看所需的第十四列表格数据。

步骤102、根据所述横向拖动操作指示的横向拖动信息，从所述原始表格数据提取所述第一表格中待展示的第二表格数据。

所述横向拖动信息可以包括横向滚动条的横向拖动距离、拖动方向、拖动速度和拖动操作发生的时间等信息，本发明在此不做限制。所述第二表格数据可以为待展示的用户预查看的表格数据。

本发明实施例中，当用户在所述第一表格中拖动横向滚动条时，即发生了一次横向拖动操作，每次横向拖动操作可以指示一具体的横向拖动信息。可以根据所述横向拖动操作指示的横向拖动信息，确定待展示的第二表格数据在原始表格数据中的记录位置，从而可以从原始表格数据中的所述第二表格数据的记录位置处提取所述第二表格数据。

步骤103、将所述第二表格数据替代所述第一表格数据展示在所述第一表格中。

在所述网页源文件中，可以将所述提取的第二表格数据替换所述第一表格数据，更新网页源文件。渲染更新后的网页源文件，所述第二表格数据展示在所述第一表格中。

依据本发明实施例，当网页源文件针对所述第一表格记录了较多的表格数据时，用户只需拖动第一表格内置的横向滚动条，即可查看所述第一表格中未展示的表格数据，查看所述第一表格的表格数据不再受网页展示区域大小的限制，用户在网页中查看所述第一表格中未展示的表格数据的过程中操作简单。在拖动第一表格内置的横向滚动条的过程中，可以更好地将第一表格中待展示的表格数据与网页中已展示的其他数据进行比对，便于用户进行表格数据分析。

参照图3，示出了根据本发明实施例2的一种网页中展示表格数据的方法流程图，所述方法具体可以包括：

步骤201、侦听用户针对所述第一表格中设置的横向滚动条的横向拖动操作。

步骤202、确定所述横向拖动操作起始时，所述第一表格数据在所述原始表格数据中的第一位置信息。

第一位置信息可以为当前网页的所述第一表格展示的第一表格数据在原始表格数据中的记录位置。

在具体实现中，可以通过拖动所述第一表格内置的横向滚动条更新所述第一表格展示的表格数据，在所述横向拖动操作起始时，在所述原始表格数据中查找第一表格当前展示的第一表格数据的记录位置。

步骤203、根据所述横向拖动操作指示的横向拖动信息，计算待展示的第二表格数据在所述原始表格数据中的第二位置信息。

第二位置信息可以为待展示的第二表格数据在原始表格数据中的记录位置。

本发明实施例中，所述横向拖动信息可以为横向拖动距离和横向拖动方向。在编写所述第一表格时，可以预先设置针对网页中的第一表格的横向滚动条的单位拖动距离与原始表格数据的表格横向长度的对应关系。

在确定所述第一表格数据在所述原始表格数据中的第一位置信息后，可以根据所述横向拖动操作指示的横向拖动距离和横向拖动方向，以及根据预置的单位横向拖动距离与表格横向长度的对应关系，计算待展示的第二表格数据在所述原始表格数据中的所述第二位置信息。

步骤204、根据计算的所述第二位置信息，从所述原始表格数据中提取待展示的所述第二表格数据。

在所述原始表格数据中，从计算的所述第二位置信息处，提取待展示的第二表格数据。

步骤205、提取记录所述网页的网页源文件，并在所述网页源文件中，查找所述第一表格对应的第一表格元素。

在网页的网页源文件中，每个表格对应一表格元素，表格元素中记录了对应的表格的表格数据。在网页中更新展示所述第一表格的表格数据，可以通过更新所述网页源文件的所述第一表格对应的第一表格元素中的表格数据的方式实现。因此，可以在提取的所述网页源文件中，查找所述第一表格对应的第一表格元素。

步骤206、在所述第一表格对应的第一表格元素中，将提取的所述第二表格数据替换记录的所述第一表格数据。

在网页源文件中查找到所述第一表格对应的第一表格元素后，可以在所述第一表格元素中，将提取的待展示的第二表格数据替换原始记录的第一表格数据，更新网页源文件。

步骤207、渲染更新后的网页源文件，将所述第二表格数据展示在所述网页的第一表格中。

基于在网页源文件的第一表格对应的第一表格元素中，将提取的待展示的第二表格数据替换原始记录的第一表格数据，所以渲染更新后的网页源文件，所述第二表格数据展示在所述网页的第一表格中。

依据本发明实施例，当网页源文件针对所述第一表格记录了较多的表格数据时，用户只需拖动第一表格内置的横向滚动条，即可查看所述第一表格中未展示的表格数据，查看所述第一表格的表格数据不再受网页展示区域大小的限制，用户在网页中查看所述第一表格中未展示的表格数据的过程中操作简单。在拖动第一表格内置的横向滚动条的过程中，可以更好地将第一表格中待展示的表格数据与网页中已展示的其他数据进行比对，便于用户进行表格数据分析。

参照图4，示出了根据本发明实施例3的一种网页中展示表格数据的方法流程图，所述方法具体可以包括：

步骤301、侦听用户针对所述第一表格中设置的横向滚动条的横向拖动操作。

步骤302、根据所述横向拖动操作指示的横向拖动信息，从所述原始表格数据提取所述第一表格中待展示的第二表格数据。

步骤303、将所述第二表格数据替代所述第一表格数据展示在所述第一表格中。

步骤304、根据用户针对所述网页中设置的纵向滚动条的纵向拖动操作，从所述原始表格数据中提取第三表格数据替代所述第一表格数据展示在所述第一表格中，并在所述第一表格的首行覆盖展示所述原始表格数据的表头数据。

本发明实施例中，所述网页设置有纵向滚动条，用户可以通过拖动纵向滚动条，查看待展示的与所述第一表格的表头数据匹配的第三表格数据，同时第一表格的首行始终展示所述原始表格数据的表头数据。

具体地，步骤304可以包括以下几个步骤：

子步骤S31、根据用户针对所述网页中设置的纵向滚动条的纵向拖动操作，在所述第一表格对应的表格元素中，将提取的所述第三表格数据替换记录的所述第一表格数据。

根据用户针对所述网页中设置的纵向滚动条的纵向拖动操作，可以确定所述纵向拖动操作起始时，所述第一表格数据在所述原始表格数据中的第一位置信息，可以根据所述纵向拖动操作指示的纵向拖动距离和纵向拖动方法，以及根据预置的单位纵向拖动距离与表格纵向长度的对应关系，计算待展示的第三表格数据在所述原始表格数据中的第三位置信息，从所述原始表格数据的的第三位置信息处提取待展示第三表格数据。在网页源文件的所述第一表格对应的第一表格元素中，将提取的所述第三表格数据替换原始记录的第一表格数据。

子步骤S32、在所述网页源文件中增加展示所述原始表格数据的表头数据的第二表格元素，所述表头数据展示在所述第一表格的首行并置于所述第三表格数据的上层。

本发明实施例中，编写网页源文件时，在所述网页源文件中增加第二表格元素，所述第二表格元素记录了所述原始表格数据的表头数据的，同时设置所述第二表格元素在网页中的展示位置为所述第一表格的首行，并且所述第二表格元素位于所述第一表格对应的第一表格元素的顶层，即所述第二表格元素记录的表头数据始终展示在所述第一表格的首行。

子步骤S33、渲染替换所述第三表格数据以及增加所述第二表格元素的网页源文件。

渲染替换所述第三表格数据以及增加所述第二表格元素的网页源文件，在更新的网页中，所述第一表格的首行展示所述原始表格数据中的表头数据，所述第一表格的非首行展示更新的第三表格数据。

依据本发明实施例，当网页源文件针对所述第一表格记录了较多的表格数据时，用户只需拖动第一表格内置的横向滚动条，即可查看所述第一表格中未展示的表格数据，查看所述第一表格的表格数据不再受网页展示区域大小的限制，用户在网页中查看所述第一表格中未展示的表格数据的过程中操作简单。在拖动第一表格内置的横向滚动条的过程中，可以更好地将第一表格中待展示的表格数据与网页中已展示的其他数据进行比对，便于用户进行表格数据分析。

另外，在拖动第一表格内置的纵向滚动条的过程中，第一表格的表头数据可以始终展示在第一表格的首行，便于用户根据表头数据对应的数据属性对更新的第三表格数据进行查看分析。

基于上述方法实施例的说明，本发明还提供了相应的网页中展示表格数据的的装置实施例，来实现上述方法实施例所述的内容。

参照图5，示出了根据本发明实施例1的一种网页中展示表格数据的装置结构框图，所述装置可以包括：

横向拖动操作侦听模块401，用于侦听用户针对所述第一表格中设置的横向滚动条的横向拖动操作。

第二表格数据提取模块402，用于根据所述横向拖动操作指示的横向拖动信息，从所述原始表格数据提取所述第一表格中待展示的第二表格数据。

第二表格数据展示模块403，用于将所述第二表格数据替代所述第一表格数据展示在所述第一表格中。

依据本发明实施例，当网页源文件针对所述第一表格记录了较多的表格数据时，用户只需拖动第一表格内置的横向滚动条，即可查看所述第一表格中未展示的表格数据，查看所述第一表格的表格数据不再受网页展示区域大小的限制，用户在网页中查看所述第一表格中未展示的表格数据的过程中操作简单。在拖动第一表格内置的横向滚动条的过程中，可以更好地将第一表格中待展示的表格数据与网页中已展示的其他数据进行比对，便于用户进行表格数据分析。

参照图6，其示出了根据本发明实施例2的一种网页中展示表格数据的装置实施例的结构框图，所述装置可以包括：

横向拖动操作侦听模块501，用于侦听用户针对所述第一表格中设置的横向滚动条的横向拖动操作。

第二表格数据提取模块502，用于根据所述横向拖动操作指示的横向拖动信息，从所述原始表格数据提取所述第一表格中待展示的第二表格数据。

第二表格数据展示模块503，用于将所述第二表格数据替代所述第一表格数据展示在所述第一表格中。

所述第二表格数据提取模块502包括：

第一位置信息确定子模块5021，用于确定所述横向拖动操作起始时，所述第一表格数据在所述原始表格数据中的第一位置信息；

第二位置信息计算子模块5022，用于根据所述横向拖动操作指示的横向拖动信息，计算待展示的第二表格数据在所述原始表格数据中的第二位置信息；

第二表格数据提取子模块5023，用于根据计算的所述第二位置信息，从所述原始表格数据中提取待展示的所述第二表格数据。

所述第二表格数据展示模块503包括：

第一表格元素查找子模块5031，用于提取记录所述网页的网页源文件，并在所述网页源文件中，查找所述第一表格对应的第一表格元素；

第二表格数据替换子模块5032，用于在所述第一表格对应的第一表格元素中，将提取的所述第二表格数据替换记录的所述第一表格数据；

第二表格数据渲染子模块5033，用于渲染更新后的网页源文件，将所述第二表格数据展示在所述网页的第一表格中。

本发明实施例中，优选地，所述网页中还展示位于所述第一表格左右两侧的第二表格和第三表格。

本发明实施例中，优选地，所述第二位置信息计算子模块5022，具体用于根据所述横向拖动操作指示的横向拖动距离，以及根据预置的单位拖动距离与表格横向长度的对应关系，计算待展示的第二表格数据在所述原始表格数据中的所述第二位置信息。

依据本发明实施例，当网页源文件针对所述第一表格记录了较多的表格数据时，用户只需拖动第一表格内置的横向滚动条，即可查看所述第一表格中未展示的表格数据，查看所述第一表格的表格数据不再受网页展示区域大小的限制，用户在网页中查看所述第一表格中未展示的表格数据的过程中操作简单。在拖动第一表格内置的横向滚动条的过程中，可以更好地将第一表格中待展示的表格数据与网页中已展示的其他数据进行比对，便于用户进行表格数据分析。

参照图7，其示出了根据本发明实施例3的一种网页中展示表格数据的装置实施例的结构框图，所述装置可以包括：

横向拖动操作侦听模块601，用于侦听用户针对所述第一表格中设置的横向滚动条的横向拖动操作。

第二表格数据提取模块602，用于根据所述横向拖动操作指示的横向拖动信息，从所述原始表格数据提取所述第一表格中待展示的第二表格数据。

第二表格数据展示模块603，用于将所述第二表格数据替代所述第一表格数据展示在所述第一表格中。

表头数据覆盖展示模块604，用于根据用户针对所述网页中设置的纵向滚动条的纵向拖动操作，从所述原始表格数据中提取的第三表格数据替代所述第一表格数据展示在所述第一表格中，并在所述第一表格的首行覆盖展示所述原始表格数据的表头数据。

所述根表头数据覆盖展示模块604包括：

第三表格数据替换子模块6041，用于根据用户针对所述网页中设置的纵向滚动条的纵向拖动操作，在所述第一表格对应的表格元素中，将提取的所述第三表格数据替换所述第一表格数据；

第二表格元素增加子模块6042，用于在所述网页源文件中增加展示所述原始表格数据的表头数据的第二表格元素，所述表头数据展示在所述第一表格的首行并置于所述第三表格数据的上层；

网页源文件渲染子模块6043，用于渲染替换所述第三表格数据以及增加所述第二表格元素的网页源文件。

依据本发明实施例，当网页源文件针对所述第一表格记录了较多的表格数据时，用户只需拖动第一表格内置的横向滚动条，即可查看所述第一表格中未展示的表格数据，查看所述第一表格的表格数据不再受网页展示区域大小的限制，用户在网页中查看所述第一表格中未展示的表格数据的过程中操作简单。在拖动第一表格内置的横向滚动条的过程中，可以更好地将第一表格中待展示的表格数据与网页中已展示的其他数据进行比对，便于用户进行表格数据分析。

另外，在拖动第一表格内置的纵向滚动条的过程中，第一表格的表头数据可以始终展示在第一表格的首行，便于用户根据表头数据对应的数据属性对更新的第三表格数据进行查看分析。

对于上述移动终端页面中展示数据的装置实施例而言，由于其与方法实施例基本相似，所以描述的比较简单，相关之处参见图1-图4所示方法实施例的部分说明即可。

本说明书中的各个实施例均采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似的部分互相参见即可。

本领域技术人员易于想到的是：上述各个实施例的任意组合应用都是可行的，故上述各个实施例之间的任意组合都是本发明的实施方案，但是由于篇幅限制，本说明书在此就不一一详述了。

在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述，构造这类系统所要求的结构是显而易见的。此外，本发明也不针对任何特定编程语言。应当明白，可以利用各种编程语言实现在此描述的本发明的内容，并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。

在此处所提供的说明书中，说明了大量具体细节。然而，能够理解，本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中，并未详细示出公知的方法、结构和技术，以便不模糊对本说明书的理解。

类似地，应当理解，为了精简本公开并帮助理解各个发明方面中的一个或多个，在上面对本发明的示例性实施例的描述中，本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而，并不应将该公开的方法解释成反映如下意图：即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说，如下面的权利要求书所反映的那样，发明方面在于少于前面公开的单个实施例的所有特征。因此，遵循具体实施方式的权利要求书由此明确地并入该具体实施方式，其中每个权利要求本身都作为本发明的单独实施例。

本领域那些技术人员可以理解，可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件，以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外，可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述，本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。

此外，本领域的技术人员能够理解，尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征，但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如，在下面的权利要求书中，所要求保护的实施例的任意之一都可以以任意的组合方式来使用。

本发明的各个部件实施例可以以硬件实现，或者以在一个或者多个处理器上运行的软件模块实现，或者以它们的组合实现。本领域的技术人员应当理解，可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的网页中展示表格数据的设备中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如，计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上，或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到，或者在载体信号上提供，或者以任何其他形式提供。

应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制，并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中，不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中，这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。

本发明公开了A1、一种网页中展示表格数据的方法，其中，所述网页的第一表格中展示从原始表格数据中提取的第一表格数据，所述方法包括：

侦听用户针对所述第一表格中设置的横向滚动条的横向拖动操作；

根据所述横向拖动操作指示的横向拖动信息，从所述原始表格数据提取所述第一表格中待展示的第二表格数据；

将所述第二表格数据替代所述第一表格数据展示在所述第一表格中。

A2、根据A1所述的方法，其中，所述网页中还展示位于所述第一表格左右两侧的第二表格和第三表格。

A3、根据A1所述的方法，其中，所述根据所述横向拖动操作指示的横向拖动信息，从所述原始表格数据提取所述第一表格中待展示的第二表格数据包括：

确定所述横向拖动操作起始时，所述第一表格数据在所述原始表格数据中的第一位置信息；

根据所述横向拖动操作指示的横向拖动信息，计算待展示的第二表格数据在所述原始表格数据中的第二位置信息；

根据计算的所述第二位置信息，从所述原始表格数据中提取待展示的所述第二表格数据。

A4、根据A3所述的方法，其中，所述根据所述横向拖动操作指示的横向拖动信息，计算待展示的第二表格数据在所述原始表格数据中的第二位置信息包括：

根据所述横向拖动操作指示的横向拖动距离，以及根据预置的单位拖动距离与表格横向长度的对应关系，计算待展示的第二表格数据在所述原始表格数据中的所述第二位置信息。

A5、根据A1所述的方法，其中，将所述第二表格数据替代所述第一表格数据展示在所述一表格中包括：

提取记录所述网页的网页源文件，并在所述网页源文件中，查找所述第一表格对应的第一表格元素；

在所述第一表格对应的第一表格元素中，将提取的所述第二表格数据替换记录的所述第一表格数据；

渲染更新后的网页源文件，将所述第二表格数据展示在所述网页的第一表格中。

A6、如A1所述的方法，其中，所述方法还包括：

根据用户针对所述网页中设置的纵向滚动条的纵向拖动操作，从所述原始表格数据中提取第三表格数据替代所述第一表格数据展示在所述第一表格中，并在所述第一表格的首行覆盖展示所述原始表格数据的表头数据。

A7、如A6所述的方法，其中，所述根据用户针对所述网页中设置的纵向滚动条的纵向拖动操作，从所述原始表格数据中提取第三表格数据替代所述第一表格数据展示在所述第一表格中，并在所述第一表格的首行覆盖展示所述原始表格数据的表头数据包括：

根据用户针对所述网页中设置的纵向滚动条的纵向拖动操作，在所述第一表格对应的表格元素中，将提取的所述第三表格数据替换所述第一表格数据；

在所述网页源文件中增加展示所述原始表格数据的表头数据的第二表格元素，所述表头数据展示在所述第一表格的首行并置于所述第三表格数据的上层；

渲染替换所述第三表格数据以及增加所述第二表格元素的网页源文件。

本发明还公开了B8、一种网页中展示表格数据的装置，其中，所述网页的第一表格中展示从原始表格数据中提取的第一表格数据，所述装置包括：

横向拖动操作侦听模块，用于侦听用户针对所述第一表格中设置的横向滚动条的横向拖动操作；

第二表格数据提取模块，用于根据所述横向拖动操作指示的横向拖动信息，从所述原始表格数据提取所述第一表格中待展示的第二表格数据；

第二表格数据展示模块，用于将所述第二表格数据替代所述第一表格数据展示在所述第一表格中。

B9、根据B8所述的装置，其中，所述网页中还展示位于所述第一表格左右两侧的第二表格和第三表格。

B10、根据B8所述的装置，其中，所述第二表格数据提取模块包括：

第一位置信息确定子模块，用于确定所述横向拖动操作起始时，所述第一表格数据在所述原始表格数据中的第一位置信息；

第二位置信息计算子模块，用于根据所述横向拖动操作指示的横向拖动信息，计算待展示的第二表格数据在所述原始表格数据中的第二位置信息；

第二表格数据提取子模块，用于根据计算的所述第二位置信息，从所述原始表格数据中提取待展示的所述第二表格数据。

B11、根据B10所述的装置，其中，所述第二位置信息计算子模块，具体用于根据所述横向拖动操作指示的横向拖动距离，以及根据预置的单位拖动距离与表格横向长度的对应关系，计算待展示的第二表格数据在所述原始表格数据中的所述第二位置信息。

B12、根据B8所述的装置，其中，所述第二表格数据展示模块包括：

第一表格元素查找子模块，用于提取记录所述网页的网页源文件，并在所述网页源文件中，查找所述第一表格对应的第一表格元素；

第二表格数据替换子模块，用于在所述第一表格对应的第一表格元素中，将提取的所述第二表格数据替换记录的所述第一表格数据；

第二表格数据渲染子模块，用于渲染更新后的网页源文件，将所述第二表格数据展示在所述网页的第一表格中。

B13、如B8所述的装置，其中，所述装置还包括：

表头数据覆盖展示模块，用于根据用户针对所述网页中设置的纵向滚动条的纵向拖动操作，从所述原始表格数据中提取的第三表格数据替代所述第一表格数据展示在所述第一表格中，并在所述第一表格的首行覆盖展示所述原始表格数据的表头数据。

B14、如B13所述的装置，其中，所述表头数据覆盖展示模块包括：

第三表格数据替换子模块，用于根据用户针对所述网页中设置的纵向滚动条的纵向拖动操作，在所述第一表格对应的表格元素中，将提取的所述第三表格数据替换所述第一表格数据；

第二表格元素增加子模块，用于在所述网页源文件中增加展示所述原始表格数据的表头数据的第二表格元素，所述表头数据展示在所述第一表格的首行并置于所述第三表格数据的上层；

网页源文件渲染子模块，用于渲染替换所述第三表格数据以及增加所述第二表格元素的网页源文件。

Claims (10)

1.一种网页中展示表格数据的方法，其中，所述网页的第一表格中展示从原始表格数据中提取的第一表格数据，所述方法包括：

侦听用户针对所述第一表格中设置的横向滚动条的横向拖动操作；

根据所述横向拖动操作指示的横向拖动信息，从所述原始表格数据提取所述第一表格中待展示的第二表格数据；

将所述第二表格数据替代所述第一表格数据展示在所述第一表格中。

2.根据权利要求1所述的方法，其中，所述网页中还展示位于所述第一表格左右两侧的第二表格和第三表格。

3.根据权利要求1所述的方法，其中，所述根据所述横向拖动操作指示的横向拖动信息，从所述原始表格数据提取所述第一表格中待展示的第二表格数据包括：

确定所述横向拖动操作起始时，所述第一表格数据在所述原始表格数据中的第一位置信息；

根据所述横向拖动操作指示的横向拖动信息，计算待展示的第二表格数据在所述原始表格数据中的第二位置信息；

根据计算的所述第二位置信息，从所述原始表格数据中提取待展示的所述第二表格数据。

4.根据权利要求3所述的方法，其中，所述根据所述横向拖动操作指示的横向拖动信息，计算待展示的第二表格数据在所述原始表格数据中的第二位置信息包括：

根据所述横向拖动操作指示的横向拖动距离，以及根据预置的单位拖动距离与表格横向长度的对应关系，计算待展示的第二表格数据在所述原始表格数据中的所述第二位置信息。

5.根据权利要求1所述的方法，其中，将所述第二表格数据替代所述第一表格数据展示在所述一表格中包括：

提取记录所述网页的网页源文件，并在所述网页源文件中，查找所述第一表格对应的第一表格元素；

在所述第一表格对应的第一表格元素中，将提取的所述第二表格数据替换记录的所述第一表格数据；

渲染更新后的网页源文件，将所述第二表格数据展示在所述网页的第一表格中。

6.如权利要求1所述的方法，其中，所述方法还包括：

根据用户针对所述网页中设置的纵向滚动条的纵向拖动操作，从所述原始表格数据中提取第三表格数据替代所述第一表格数据展示在所述第一表格中，并在所述第一表格的首行覆盖展示所述原始表格数据的表头数据。

7.如权利要求6所述的方法，其中，所述根据用户针对所述网页中设置的纵向滚动条的纵向拖动操作，从所述原始表格数据中提取第三表格数据替代所述第一表格数据展示在所述第一表格中，并在所述第一表格的首行覆盖展示所述原始表格数据的表头数据包括：

根据用户针对所述网页中设置的纵向滚动条的纵向拖动操作，在所述第一表格对应的表格元素中，将提取的所述第三表格数据替换所述第一表格数据；

在所述网页源文件中增加展示所述原始表格数据的表头数据的第二表格元素，所述表头数据展示在所述第一表格的首行并置于所述第三表格数据的上层；

渲染替换所述第三表格数据以及增加所述第二表格元素的网页源文件。

8.一种网页中展示表格数据的装置，其中，所述网页的第一表格中展示从原始表格数据中提取的第一表格数据，所述装置包括：

横向拖动操作侦听模块，用于侦听用户针对所述第一表格中设置的横向滚动条的横向拖动操作；

第二表格数据提取模块，用于根据所述横向拖动操作指示的横向拖动信息，从所述原始表格数据提取所述第一表格中待展示的第二表格数据；

第二表格数据展示模块，用于将所述第二表格数据替代所述第一表格数据展示在所述第一表格中。

9.根据权利要求8所述的装置，其中，所述网页中还展示位于所述第一表格左右两侧的第二表格和第三表格。

10.根据权利要求8所述的装置，其中，所述第二表格数据提取模块包括：

第一位置信息确定子模块，用于确定所述横向拖动操作起始时，所述第一表格数据在所述原始表格数据中的第一位置信息；

第二位置信息计算子模块，用于根据所述横向拖动操作指示的横向拖动信息，计算待展示的第二表格数据在所述原始表格数据中的第二位置信息；

第二表格数据提取子模块，用于根据计算的所述第二位置信息，从所述原始表格数据中提取待展示的所述第二表格数据。