一种网络表格的处理方法及装置与流程

本申请涉及计算机技术领域，尤其涉及一种网络表格的处理方法及装置。

背景技术：

创建表格是目前常用的一种组织整理数据的方法，人们可以通过将数据做成表格的形式，达到整理数据、展示数据的目的。

随着互联网信息技术的不断发展，用户在运用互联网信息技术时，会产生了大量的与用户工作或者生活相关的数据，例如用户在浏览论坛时产生的数据、用户在浏览购物网站时产生的数据、用户在使用远程办公系统时产生的数据，等等。为了可以以表格的形式，对上述在互联网中产生的数据进行整理、保存以及展示，产生了网络表格(即，在线表格)这种新形式的表格。例如，公司的远程办公系统，客户关系管理系统(Customer Relationship Management，CRM)，内容管理系统(Content Management System，CMS)，等系统中，都会用到网络表格。

网络表格，主要是浏览器利用服务器发送的表格属性信息渲染得到的，若服务器还向浏览器发送了用于展示在单元格中的数据，则浏览器在渲染网络表格后，还可以将服务器发送的所述数据展示在网络表格的单元格中。视页面的用于显示网络表格的显示区域和整个网络表格完整显示时需要占用的显示区域的大小关系的不同，浏览器渲染并显示在页面中的网络表格部分，可能是整个网络表格，也可能是网络表格的局部(比如一个包含20行20列的网络表格的第1～10列和第1～10行等)。

现有技术中，当生成的网络表格尺寸较大，从而完整显示网络表格所需要的显示区域大于页面的用于显示网络表格的显示区域时，网络表格无法完整地显示在页面中。在这样的情况下，在用户对页面的表格进行操作时，如何对网络表格的当前已显示在页面中的表格元素(行和/或列)，以及网络表格的当前还未显示在页面中的表格元素进行显示，以便用户能够对比查看当前已显示在页面中的表格元素和待显示在页面中的表格元素，是目前亟待解决的问题。

技术实现要素：

本申请实施例提供一种网络表格的处理方法，用以解决现有技术存在的如何在用户对页面的表格进行操作时，使得用户能够对比查看当前已显示的表格元素和待显示的表格元素的问题。

本申请实施例还提供一种网络表格的处理装置，用以解决现有技术存在的如何在用户对页面的表格进行操作时，使得用户能够对比查看当前已显示的表格元素和待显示的表格元素的问题。

本申请实施例采用下述技术方案：

一种网络表格的处理方法，包括：

获取针对页面中显示的网络表格部分的操作指令；所述操作指令指示在页面中显示所述网络表格的待显示的表格元素；

根据所述操作指令，调整所述网络表格中待显示的表格元素的显示尺寸，以及当前已显示的部分表格元素的显示尺寸，以在当前页面进行显示。

一种网络表格的处理装置，包括：

操作指令获取单元，用于获取针对页面中显示的网络表格部分的操作指令；所述操作指令指示在页面中显示所述网络表格的待显示的表格元素；

表格元素调整单元，用于根据所述操作指令，调整所述网络表格中待显示的表格元素的显示尺寸，以及当前已显示的部分表格元素的显示尺寸，以在当前页面进行显示。

本申请实施例采用的上述至少一个技术方案能够达到以下有益效果：

由于在获取到针对页面中显示的网络表格部分的操作指令后，根据所述操作指令，通过调整页面的表格中当前已显示的部分表格元素的显示尺寸，和待显示的表格元素的显示尺寸，以在当前页面进行显示的方式，实现在不隐藏已显示的表格元素的情况下，对所述当前未显示的表格元素进行显示，从而可以在用户对页面的表格进行操作时，使得页面中既可以显示当前已显示的表格元素，又能够显示待显示的表格元素，方便用户对比查看当前已显示的表格元素和待显示的表格元素，从而解决了现有技术存在的如何在用户对页面的表格进行操作时，使得用户能够对比查看当前已显示的表格元素和待显示的表格元素的问题。

附图说明

此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：

图1为本申请实施例提供的一种网络表格的处理方法的具体实现流程示意图；

图2为浏览器在接收针对页面中显示的网络表格部分的操作指令前，利用服务器发送的表格属性信息渲染得到并显示的网络表格的示意图；

图3为本申请实施例提供的一种网络表格的设置锁定面板的具体显示样式示意图；

图4为本申请实施例提供的一种判断网络表格是否支持表格元素锁定功能的实现流程示意图；

图5浏览器在接收到针对页面中显示的网络表格部分的操作指令前，根据被锁定的表格元素col1、col9和col20在网络表格中所处位置的信息显示得到的表格元素的示意图；

图6为本申请实施例中调整未被锁定的表格元素的宽度的实现流程示意图；

图7为本申请实施例中如图5所示的表格元素发生变化量为0.5的宽度变化后的示意图；

图8为本申请实施例中如图5所示的表格元素发生变化量为1的宽度变化后的示意图；

图9为本申请实施例中如图5所示的表格元素发生变化量为10的宽度变化后的示意图；

图10本申请实施例提供的一种网络表格的处理装置的具体结构示意图。

具体实施方式

为使本申请的目的、技术方案和优点更加清楚，下面将结合本申请具体实施例及相应的附图对本申请技术方案进行清楚、完整地描述。显然，所描述的实施例仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

以下结合附图，详细说明本申请各实施例提供的技术方案。

实施例1

本申请实施例提供了一种网络表格的处理方法，用以解决现有技术存在的如何在用户对页面的表格进行操作时，使得用户能够对比查看当前已显示的表格元素和待显示的表格元素的问题。

本申请实施例提供的网络表格的处理方法的执行主体，可以但不限于为手机、平板电脑、个人电脑(Personal Computer，PC)以及智能电视等终端设备。此外，该方法的执行主体，也可以是安装在终端设备的应用程序(Application，APP)本身。

为便于描述，下文以该方法的执行主体为终端上安装的应用程序浏览器为例，对该方法的实施方式进行介绍。可以理解，该方法的执行主体为终端上安装的应用程序只是一种示例性的说明，并不应理解为对该方法的限定。

该方法的具体实现流程示意图如图1所示，主要包括下述步骤：

步骤11，浏览器获取针对页面中显示的网络表格部分的操作指令；

其中，这里所述的操作指令，用于指示在页面中显示网络表格的当前未被显示的表格元素。

所述网络表格，是浏览器利用服务器发送的表格属性信息渲染得到的。若服务器还向浏览器发送了用于展示在单元格中的数据，则浏览器在渲染网络表格后，还可以将服务器发送的所述数据展示在网络表格的单元格中。网络表格部分，是指网络表格的、显示在页面中的部分。由于页面的用于显示网络表格的显示区域和整个网络表格完整显示时需要占用的显示区域的大小关系的不同，浏览器渲染并显示在页面中的网络表格部分，可能是整个网络表格，也可能是网络表格的局部(比如一个包含20行20列的网络表格的第1～10列和第1～10行等)。本申请实施例中，主要是针对网络表格不能完整显示在所述显示区域的情况提出的解决方案。

上述表格属性信息，一般是指表格每列的宽度、表格每行的高度、表格的行数、表格的列数、表格的高度、表格的宽度、表格中行与行之间的相对位置关系以及表格中列与列之间的相对位置关系，等等。

所述操作指令，可以是用户在浏览器的操作界面上通过滑动操作触发的，当用户使用手机或者平板电脑浏览网络表格时，所述滑动操作一般可以是指用户的滑动手势操作；而当用户使用电脑浏览网络表格时，所述滑动操作可以是用户滑动鼠标滚轮的操作。

为便于理解本方案，以下结合附图，对浏览器如何显示并处理网络表格进行说明。

如图2所示，为浏览器在接收针对页面中显示的网络表格部分的操作指令前，利用服务器发送的表格属性信息渲染得到并显示的网络表格。假设网络表格共有50列，而按照每列的默认宽度(假设为a0)，页面中用于显示网络表格的显示区域(后称显示区域)最多仅能显示10列，则浏览器会按照默认的“优先显示在网络表格中排列靠前的列”的方式，渲染并显示网络表格的第1列～第10列，即图2中的col1～col10。为便于描述，本申请实施例中将如图1所示的状态，称为初始状态。需要说明的是，为保持说明书附图的清晰和简洁，说明书附图中没有画出显示在网络表格中的数据，本领域技术人员可以理解，图2中的col1～col10中实际上是可以存在数据的。

本申请实施例中，假设在初始状态下，浏览器接收到针对页面中显示的网络表格的表格元素锁定指令，则浏览器可以将所述锁定指令所对应的表格元素，确定为被锁定的表格元素，并对锁定指令对应的表格元素在网络表格中所处位置的信息进行保存。

其中，所述表格元素，是指表格中的一列(如图2中的col1或col10等，每一列都是一个表格元素)或一行单元格。当表格元素是由表格的一列单元格构成时，可以将该表格元素称为列表格元素；而当表格元素是由表格的一行单元格构成时，可以将该表格元素称为行表格元素。需要说明的是，当表格的单元格中包含有数据时，则此时表格元素是由表格中至少一列(或者一行)单元格以及所述至少一列(或者一行)单元格中的数据构成。

列表格元素的宽度，为该列单元格的宽度(如图2中的col1的宽度，或者col2的宽度等)；行表格元素的高度，为该行的高度。

所述表格元素锁定指令，是用于告知浏览器被锁定的表格元素具体是哪些表格元素的指令。比如，用户若针对某列表格元素(如图2中的col1)进行双击，则若预先约定了表格元素锁定指令为双击表格元素所触发的指令，则对col1进行的该双击操作所触发的指令可以视为表格元素锁定指令，根据该表格元素锁定指令，浏览器可以确定被锁定的表格元素包括col1，从而对col1在网络表格中所处位置的信息进行保存。本申请实施例中，浏览器可以在接收到锁定模式切换指令后，进入到锁定模式；在锁定模式下接收到的针对表格元素的操作指令(如双击或单击表格元素等)，可视为表格元素锁定指令。其中，锁定模式切换指令，比如可以是用户对网络表格的表头上设置的控件(如显示有“锁定表格”的按钮等)进行操作(如单击)而发出的。本申请实施例中，在该控件被操作后，浏览器也可以显示如图3所示的悬浮窗(也称表格元素锁定设置面板)，该悬浮窗中包括用于接收用户设置的被锁定的列和行的编号的输入框，用户通过在这些输入框中输入期望锁定的列和行的编号，并点击“提交”按钮，可以触发表格元素锁定指令，该指令中包含所述期望锁定的列和行的编号。该编号，一般就是表格元素在网络表格中的排列位置(也称坐标)的信息，也即表格元素在网络表格中所处位置的信息。本申请实施例中，如图4所示，浏览器在所述控件被操作后，可以先判断对应于该网络表格的html文件中，是否存在用于实现保存被锁定的表格元素在网络表格中所处位置的信息的程序，也即判断网络表格是否支持表格元素锁定功能，若是，展示表格元素锁定设置面板，否则结束流程。

如上所述，所述表格元素在网络表格中所处位置的信息，一般是指表格元素作为列(或者行)，在网络表格中的排列位置(也称坐标)的信息。一般说来，不同的表格元素在网络表格中所处位置的信息不同。例如，假设某网络表格有3行3列，每一行以及每一列，都是一个表格元素，则第1行表格元素在网络表格中所处位置，为“第1行”，而第2行表格元素在网络表格中所处位置，为“第2行”，依此类推。

本申请实施例中，假设在如图2所示的初始状态下，浏览器接收到用于告知被锁定的表格元素为col1、col9和col20的表格元素锁定指令，则浏览器对该指令对应的表格元素(即被锁定的表格元素)在网络表格中所处位置的信息进行保存。被锁定的表格元素的信息，可以保存在浏览器本地，或者也可以发送给服务器进行保存。

本申请实施例中，除了可以保存被锁定的表格元素在网络表格中所处位置的信息外，浏览器在首次完成对网络表格的渲染与显示而进入如图2所示的初始状态后，还可以运行“自由锁定功能程序”，以便对网络表格的指定属性信息进行保存。该自由锁定功能程序的主要功能，在于将网络表格的指定属性信息保存到浏览器本地。自由锁定功能程序，可以是写在用于显示网络表格的页面对应的html文件中的一段程序代码。浏览器在接收到服务器发送的该html文件，并根据该文件首次完成对网络表格的渲染后，浏览器会自动对该自由锁定功能程序进行初始化(即将该程序加载到内存中)，并运行。

其中，这里所说的网络表格的指定属性信息，包括在初始化状态下在显示区域内显示的所有表格元素的总宽度和总高度、网络表格各列的默认宽度和各行的默认高度，以及，网络表格包含的各个表格元素在网络表格中所处位置的信息。为便于描述，本申请实施例中，假设各列的默认宽度相等，均为a0，此外，假设各行的默认高度相等。

需要说明的是，在实际应用中，用户有可能会根据自身需求，删除或增加表格元素，或者也会调整表格元素的排列顺序。在这样的情况下，由于用户对于表格元素的删除、增加或排列顺序调整操作，会引起表格元素在网络表格中所处位置的变化，因此，本申请实施例中，浏览器在监测到用户对表格元素进行删除或增加后，可以再次运行自由锁定功能程序，以实现对已保存的所述指定的属性信息中的“网络表格包含的各个表格元素在网络表格中当前所处位置的信息(包括被锁定的表格元素在网络表格中所处位置的信息)”进行更新。比如，若删除了col7，则将col8在网络表格中当前所处位置的信息由8，调整为7，从而col8变化为新的col7；将col9在网络表格中当前所处位置的信息由9，调整为8，从而col9变化为新的col8，以此类推。特别地，若用户对于表格元素的删除操作，导致了显示区域内显示的表格元素的总宽度(或总高度)发生变化，则可以对保存的指定的属性信息中的“总宽度(或总高度)”进行更新。为便于描述，后文以用户没有执行表格元素的增、删或改的操作为例，对本申请实施例提供的方法进行介绍。

本申请实施例中，假设在如图2所示的初始状态下，浏览器通过运行自由锁定功能程序，实现将网络表格的属性信息保存到浏览器本地，并且，响应于表格元素锁定指令，对被锁定的表格元素col1、col9和col20在网络表格中所处位置的信息进行了保存，那么，浏览器可以重新对显示区域内的表格元素进行渲染和显示，从而使得显示区域显示如图5所示的表格元素。为便于描述，后文将浏览器显示如图5所示的表格元素的状态，称为第一状态。

本申请实施例中，浏览器从初始状态切换为第一状态的过程，具体可以包括下述步骤：

步骤一、浏览器在保存被锁定的表格元素col1、col9和col20在网络表格中所处位置的信息，以及通过运行自由锁定功能程序，实现将网络表格的指定属性信息保存到浏览器本地后，从保存该些信息的存储空间中，获取保存的被锁定的表格元素在网络表格中所处位置的信息，以及保存的初始化状态下在显示区域内显示的所有表格元素的总宽度和总高度、网络表格各列的默认宽度和各行的默认高度。

需要说明的是，被锁定的表格元素col1、col9和col20在网络表格中所处位置的信息，一般说来，会包含两方面的信息：用以表征被锁定的表格元素的类型为行还是列的类型信息，以及表格元素在网络表格中的编号的信息。比如，以col1为例，col1在网络表格中所处位置的信息，为“第1列”。

步骤二、浏览器根据获取到的被锁定的表格元素col1、col9和col20在网络表格中所处位置的信息“第1列”、“第9列”和“第20列”，以及初始化状态下在显示区域内显示的所有表格元素的总宽度、网络表格各列的默认宽度，以及网络表格包含的各个表格元素在网络表格中所处位置的信息，确定目标信息。该些目标信息包括：在第一状态下的未被锁定的表格元素的显示尺寸，在第一状态下的被锁定的表格元素的显示位置，以及，在第一状态下未被锁定的表格元素和锁定的表格元素的显示位置。

具体而言，假设网络表格各列的默认宽度均为“1”，初始化状态下在显示区域内显示的所有表格元素的总宽度为“10”，则根据被锁定的表格元素col1、col9和col20在网络表格中所处位置的信息，可以确定被锁定的表格元素中，相距网络表格左侧最近的表格元素(col1)和相距网络表格右侧最近的表格元素(col20)在网络表格中所处位置(坐标)之差的绝对值＝|20-1|＝19。由于19大于所述总宽度10，因此，可以确定在第一状态下显示在显示区域最左侧的表格元素为col1，而在第一状态下显示在显示区域最右侧的表格元素为col20，这样就确定了col1和col20的显示位置。

至于col9的显示位置，由于：1、在第一状态下，被锁定的表格元素的宽度之和+未被锁定的表格元素的宽度之和＝初始化状态下在显示区域内显示的所有表格元素的总宽度；2、col9在网络表格中所处位置与显示在显示区域最左侧的表格元素col1在网络表格中所处位置之差的绝对值＝|9-1|＝8＝所述总宽度10-(col1的默认宽度+col20的默认宽度)。因此可以确定，在第一状态下，在col1右侧，可以显示网络表格中位于col1和col9之间的表格元素col2～col8，使得所述总宽度＝被锁定的表格元素col1、col9、col20的总宽度“3”+未被锁定的表格元素col2至col8的总宽度“7”。

步骤三：浏览器根据确定出的上述目标信息，渲染并显示第一状态下的网络表格，显示结果如图5所示。

本申请实施例中，所述的针对页面中显示的网络表格部分的操作指令，假设是在如图5所示的第一状态下接收到的，从而执行下述步骤12。

步骤12，浏览器根据所述操作指令，调整所述网络表格中待显示的表格元素的显示尺寸，以及当前已显示的至少部分表格元素的显示尺寸，以在当前页面进行显示。

本申请实施例中，所述网络表格中待显示的表格元素，是指网络表格中的、当前还没有显示在步骤11中所述的网络表格部分中的表格元素。待显示的表格元素，主要是未被锁定的表格元素。

所述当前已显示的至少部分表格元素，一般是指当前已显示的至少部分未锁定的表格元素。

表格元素的显示尺寸，是指表格元素在被显示时所具备的显示尺寸(即实际的显示尺寸)，比如显示宽度(实际的显示宽度)，或者显示高度(实际的显示高度)。本申请实施例中，表格元素还可以具备另一尺寸，称为默认的尺寸，如默认宽度，或者默认高度。在对表格元素进行显示时，表格元素的显示尺寸，有可能与默认的尺寸不相同。

此外，步骤12中所说的“以在当前页面进行显示”，是指在当前页面显示网络表格中待显示的表格元素，以及所述当前已显示的至少部分表格元素。

以下以所述针对页面中显示的网络表格部分的操作指令为滑动操作指令为例，介绍步骤12的具体实现方式。浏览器在所述滑动操作指令对应的滑动操作结束前，可以根据滑动操作指令，对网络表格进行重新渲染与显示。

比如，在滑动操作指令对应的滑动操作结束前，浏览器可以以5ms为周期，周期性地进行网络表格的重新渲染与显示。其中，针对由用户的滑动手势操作触发所述滑动操作指令的情况而言，这里所说的滑动操作指令对应的滑动操作结束，一般是指用户的手指离开触摸屏；针对由鼠标滚轮触发所述滑动操作指令的情况而言，这里所说的滑动操作指令对应的滑动操作结束，一般是指光标离开网络表格的滑块。

当网络表格中既包含被锁定的表格元素，又包含未被锁定的表格元素时，为了在渲染网络表格时，能够渲染出被锁定的表格元素并进行显示，以便用户方便地对被锁定的表格元素进行查看，本申请实施例中，在接收到所述滑动操作指令后，可以获取保存的被锁定的表格元素在网络表格中所处位置的信息，以便确定渲染的目标对象。

本申请实施例中，在所述滑动操作结束前，根据保存的被锁定的表格元素在网络表格中所处的位置的信息，可以将被锁定的表格元素(可以是部分被锁定的表格元素，也可以是全部被锁定的表格元素)，固定显示在指定的显示位置。或者，在所述滑动操作结束前，也可以随着所述滑动操作指令对应的操作点的位置变化，调整所述被锁定的表格元素(可以是部分被锁定的表格元素，也可以是全部被锁定的表格元素)的显示位置，此外，调整未被锁定的表格元素的显示尺寸。这里所说的未被锁定的表格元素，包括待显示的未被所锁定的表格元素。当当前已显示的表格元素中，既包含被锁定的表格元素，又包含未被锁定的表格元素时，这里所说的未被锁定的表格元素，还可以包括当前已显示、且被锁定的表格元素。

针对如何调整被锁定的表格元素的显示位置而言，举例来说，比如当所述滑动操作对应的滑动方向为由左至右或从右至左，且被锁定的列表格元素至少有三个，且被锁定的列表格元素中分别距离网络表格左侧和右侧最近的列表格元素在网络表格中所处位置之间的距离，不小于页面中最多能够显示的列表格元素的最大数量时，根据保存的被锁定的表格元素在网络表格中所处位置的信息，从被锁定的类型为列的表格元素中，确定距离网络表格左侧最近的被锁定的网络表格(如图5所示的col1)和距离网络表格右侧最近的被锁定的表格元素(如图5所示的col20)；在所述滑动操作结束前，将距离网络表格左侧最近的被锁定的表格元素，作为左侧第一列表格元素进行显示，将距离网络表格右侧最近的被锁定的表格元素，作为右侧第一列表格元素进行显示，以及，随着所述滑动操作指令对应的操作点的位置变化，根据未被锁定的表格元素的显示尺寸的变化量，调整除所述距离网络表格左侧最近的被锁定的网络表格(如图5所示的col1)和距离网络表格右侧最近的被锁定的表格元素(如图5所示的col20)外的其他被锁定的表格元素(如图5所示的col9)的显示位置。

类似地，而当所述滑动方向为由上至下或从下至上，且被锁定的行表格元素至少有三个，且被锁定的行表格元素中分别距离网络表格上侧和下侧最近的行表格元素在网络表格中所处位置之间的距离，不小于页面中最多能够显示的行表格元素的最大数量时，根据保存的被锁定的表格元素在网络表格中所处位置的信息，从被锁定的类型为列的表格元素中，确定距离网络表格上侧最近的被锁定的网络表格和距离网络表格下侧最近的被锁定的表格元素；在所述滑动操作结束前，将距离网络表格上侧最近的被锁定的表格元素，作为上侧第一行表格元素进行显示，将距离网络表格下侧最近的被锁定的表格元素，作为下侧第一行表格元素进行显示，以及，随着所述滑动操作指令对应的操作点的位置变化，根据未被锁定的表格元素的显示尺寸的变化量，调整除所述距离网络表格上侧最近的被锁定的网络表格和距离网络表格下侧最近的被锁定的表格元素外的其他被锁定的表格元素的显示位置。

以下主要以所述滑动操作对应的滑动方向为由左至右，被锁定的表格元素为如图5所示的col1、col9和col20为例，说明如何调整除所述距离网络表格左侧最近的被锁定的网络表格col1和距离网络表格右侧最近的被锁定的表格元素col20外的其他被锁定的表格元素col9的显示位置。其他的情况——包括所述滑动操作对应的滑动方向为由右至左，或者，所述滑动操作对应的滑动方向为由上至下或由下至上的情况可以以此类推。

由于col9的显示位置，主要是在确定未被锁定的表格元素的显示位置后可以自动确定的，因此，以下先介绍在所述滑动操作指令对应的滑动操作结束前，如何随着所述滑动操作指令对应的操作点的位置变化，调整未被锁定的表格元素(包括已显示的未被锁定的表格元素，和待显示的未被锁定的表格元素)的显示尺寸。

以下介绍如何调整未被锁定的表格元素的显示尺寸：

具体而言，当所述滑动方向为由左至右时，若所述位置变化量不大于当前已显示在最左侧的未被锁定的表格元素的当前显示宽度，则将所述已显示在最左侧的未被锁定的表格元素的显示宽度，调整为所述已显示在最左侧的未被锁定的表格元素的当前显示宽度与所述位置变化量的差值，并，将当前已显示在最右侧的未被锁定的表格元素的显示宽度，调整为所述当前已显示在最右侧的未被锁定的表格元素的当前显示宽度与所述位置变化量的和值；

当所述滑动方向为由右至左时，若所述位置变化量不大于当前已显示在最右侧的未被锁定的表格元素的当前显示宽度，则将所述已显示在最右侧的未被锁定的表格元素的显示宽度，调整为所述已显示在最右侧的未被锁定的表格元素的当前显示宽度与所述位置变化量的差值，并，将当前已显示在最左侧的未被锁定的表格元素的显示宽度，调整为所述当前已显示在最左侧的未被锁定的表格元素的当前显示宽度与所述位置变化量的和值；

当所述滑动方向为由上至下时，若所述位置变化量不大于当前已显示在最上侧的未被锁定的表格元素的当前显示高度，则将所述已显示在最上侧的未被锁定的表格元素的显示高度，调整为所述已显示在最上侧的未被锁定的表格元素的当前显示高度与所述位置变化量的差值，并，将当前已显示在最下侧的未被锁定的表格元素的显示高度，调整为所述当前已显示在最下侧的未被锁定的表格元素的当前显示高度与所述位置变化量的和值；

当所述滑动方向为由下至上时，若所述位置变化量不大于当前已显示在最下侧的未被锁定的表格元素的当前显示高度，则将所述已显示在最下侧的未被锁定的表格元素的显示高度，调整为所述已显示在最下侧的未被锁定的表格元素的当前显示高度与所述位置变化量的差值，并，将当前已显示在最上侧的未被锁定的表格元素的显示高度，调整为所述当前已显示在最上侧的未被锁定的表格元素的当前显示高度与所述位置变化量的和值。

以未被锁定的表格元素为行表格元素为例，本申请实施例中，未被锁定的表格元素的显示尺寸的变化方式如下：

在网络表格沿水平方向向右滚动的过程中，处于网络表格的显示区域左边首列的未被锁定的表格元素的宽度将减少，处于网络表格的显示区域右边首列的未被锁定的表格元素的宽度会增加。为了达到该目标，浏览器可以执行(比如可以通过运行插件的方式来执行)如图6所示的下述步骤：

步骤a，浏览器在如图5所示的第一状态下，接收到触发网络表格向右滚动X个单位距离的滚动显示指令后，判断当前处于用于显示网络表格的表格的显示区域(后称显示区域)左边首列的未被锁定的表格元素(如图5所示的col2)的当前显示宽度(假设记为a₁)是否大于或等于X，当判断结果为是时，执行步骤b，当判断结果为否时，执行步骤c；

步骤b，浏览器确定col2的宽度值由a1变化为a1-X，并执行步骤f；

浏览器此时确定出的col2的宽度值a1-X，为将要对col2采用的显示宽度的值。具体而言，可以按照确定出的col2的宽度值a1-X，重新渲染col2并显示，以使得col2在显示时的显示宽度为a1-X。col2中的数据，可以随着col2宽度的变窄而相应变小，以保证能够完整显示在col2中。

若假设col2的宽度值a1为如图5所示的1，则当X为0.5时，浏览器可以确定col2的宽度值由1变化为1-0.5，如图7所示。如图7所示的该状态，可以称为第二状态。

步骤c，浏览器确定col2的宽度值由a1变化为0，然后执行步骤d；

浏览器此时确定出的col2的宽度值0，为将要对col2采用的显示宽度的值。

步骤d，浏览器判断当前处于所述显示区域内的、与col2相邻且位于col2右边的未被锁定的表格元素(如图5所示的col3)的当前显示宽度，是否大于或等于“X－当前已经确定出的显示区域中除col3外的其他未被锁定的表格元素减少的宽度总量”，当判断结果为是时，执行步骤e，当判断结果为否时，则继续针对col3执行与步骤c和步骤d类似的步骤，即：

浏览器确定col3的宽度值由col3当前显示宽度的值变化为0，然后，判断当前处于所述显示区域内的与col3相邻且位于col3右边的未被锁定的表格元素(比如是如图5所示的col4)的当前显示宽度是否大于或等于(X－显示区域中当前已经确定出的除col4列外的其他未被锁定的表格元素减少的宽度总量)，并在判断结果为是时，执行与步骤e类似的步骤，在判断结果为否时，则继续针对col4执行与步骤c和步骤d类似的步骤。以此类推，直至满足某列的当前显示宽度大于或等于“X-显示区域中当前已经确定出的除col3外的其他未被锁定的表格元素减少的宽度总量＝0”，则可以针对所述某列执行与步骤e类似的步骤。

若假设col3的当前显示宽度为各列统一的默认宽度a0(a0>a1>0)，那么，由于显示区域中当前已经确定出的除col3外的其他未被锁定的表格元素减少的宽度总量，就是col2的宽度值的变化量a1，因此，X－显示区域中当前已经确定出的除col3外的其他未被锁定的表格元素减少的宽度总量＝X-a1。若假设a0>X-a1，那么在执行步骤d后得到判断结果为是；而若假设a0≤X-a1，则在执行步骤d后可以得到判断结果为否。

为便于描述，本申请实施例假设col3的当前显示宽度为a0，且a0>X-a1，从而后续可以执行步骤e。

步骤e，浏览器确定col3的宽度值由当前显示宽度a0，减少为“a0-(X-显示区域中当前已经确定出的除col3外的其他未被锁定的表格元素减少的宽度总量)”，并执行步骤f；

浏览器此时确定出的col3的宽度值“a0-(X-显示区域中当前已经确定出的除col3外的其他未被锁定的表格元素减少的宽度总量)”，为将要对col3采用的显示宽度的值。

步骤f，浏览器判断处于所述显示区域右边首列未被锁定的表格元素(假设为如图5所示的col1)的当前显示宽度a2与X之和，是否小于表格元素的默认宽度a0，当判断结果为是时，执行步骤g，当判断结果为否时，执行步骤h；

步骤g，浏览器确定col10的宽度值由a2变化为a2+X；

浏览器此时确定出的col10列的宽度值a2+X，为将要对c8列采用的显示宽度的值。

若假设col10的宽度值a2为如图5所示的0，则当X为0.5时，浏览器可以确定col10的宽度值由0变化为0+0.5，如图7所示。

步骤h，浏览器确定col10列的宽度值由a2变化为a0，并执行步骤i；

浏览器此时确定出的col10列的宽度值a0，为将要对col10列采用的显示宽度的值。

步骤i，浏览器判断当前处于所述显示区域内的、与col10相邻且位于col10列左边的未被锁定的表格元素(如图5所示的col8)的当前显示宽度是否满足：col8的当前显示宽度+(X-显示区域中当前已经确定出的除col8外的其他未被锁定的表格元素增加的宽度总量)≤a0，若满足，则执行步骤j，当判断结果为否时，则继续针对col8执行与步骤h和步骤i类似的步骤，即：

浏览器确定col8的宽度值由col8当前显示宽度的值变化为a0，然后，判断当前处于所述显示区域内的与col8相邻且位于col8左边的未被锁定的表格元素(比如是如图5所示的col7)的当前显示宽度是否满足：col7的当前显示宽度+(X-显示区域中当前已经确定出的除col7外的其他未被锁定的表格元素增加的宽度总量)≤a0，若满足，则执行与步骤j类似的步骤，当判断结果为否时，则继续针对col7执行与步骤h和步骤i类似的步骤。以此类推，直至满足某列的当前显示宽度+(X-显示区域中当前已经确定出的除col7外的其他未被锁定的表格元素增加的宽度总量)≤a0，则可以针对所述某列执行与步骤j类似的步骤。

若假设col8的当前显示宽度为0，也即col8当前还未在显示区域进行显示，那么，由于显示区域中当前已经确定出的除col8列外的其他未被锁定的表格元素减少的宽度总量，就是col8列的宽度值的变化量a0-a2，因此，可以确定col8列的当前显示宽度满足：当前显示宽度+(X-显示区域中当前已经确定出的除col8外的其他未被锁定的表格元素增加的宽度总量)＝0+X-(a0-a2)。若假设col8列的当前显示宽度为0，且X-(a0-a2)≤a0，那么在执行步骤i后得到的判断结果为是；而若假设X-(a0-a2)>a0，则在执行步骤i后得到的判断结果为否。

为便于描述，本申请实施例假设X-(a0-a2)≤a0，从而后续可以执行步骤j。

步骤j，浏览器确定col8的显示宽度由0变化为“X－显示区域中已经确定出的其他未被锁定的表格元素增加的宽度总量”＝X－(a0-a2)。

本申请实施例中，浏览器对确定出的将要对表格元素采用的显示宽度均可以进行保存，以便在如图7所示的第二状态下，进一步地需要调整表格元素的显示尺寸时，可以方便地获取到第二状态下的表格元素的显示宽度。

基于上述介绍可知，可以在第一状态下，检测到滑动操作指令对应的操作点发生一次位置变化X后，根据第一状态下显示的未被锁定的表格元素的当前显示宽度、本次位置变化量X、以及网络表格各列的默认宽度(假设各列的默认宽度相同)，以及网络表格中的表格元素在网络表格中所处位置的信息，确定未被锁定的表格元素的显示尺寸的变化结果，根据该变化结果，即可以确定未被锁定的表格元素的显示位置。比如，针对col2而言，若确定出col2宽度的变化结果为由1变化为0.5，那么，col2在如图7所示的第二状态下，垂直中轴线的位置，相对于图5所示的第一状态向左移动0.5——也即，col2的显示位置向左移动0.5。

针对一些被锁定的表格元素col9而言，它的显示位置，会随着未被锁定的表格元素的显示位置的变化而变化。具体地，以如图5所示的第一状态和如图7所示的第二状态为例，由于相对于第一状态而言，第二状态下的显示区域中的表格元素col2和col10的显示尺寸，均发生了0.5的变化量，使得非锁定的表格元素的位置均向左移动0.5，从而相对于第一状态下的col9的显示位置，第二状态下的col9的显示位置，也相应地向左移动0.5。

按照如图6所示的未被锁定的表格元素的显示尺寸的变化方可知，当在第一状态下，由左至右的滑动操作导致发生X＝1的滑动距离时，可以得到如图8所示的第三状态；而在第一状态下，由左至右的滑动操作导致发生X＝10的滑动距离时，可以得到如图9所示的第四状态。

采用本申请实施例1提供的网络表格的处理方法，由于在获取到针对页面中显示的网络表格部分的操作指令后，根据所述操作指令，通过调整页面的表格中当前已显示的部分表格元素的显示尺寸，和待显示的表格元素的显示尺寸，以在当前页面进行显示的方式，实现在不隐藏已显示的表格元素的情况下，对所述当前未显示的表格元素进行显示，从而可以在用户对页面的表格进行操作时，使得页面中既可以显示当前已显示的表格元素，又能够显示待显示的表格元素，方便用户对比查看当前已显示的表格元素和待显示的表格元素，从而解决了现有技术存在的如何在用户对页面的表格进行操作时，使得用户能够对比查看当前已显示的表格元素和待显示的表格元素的问题。

此外，由于在接收到滑动操作所触发的针对页面中显示的网络表格部分的操作指令后，在所述滑动操作结束前，在页面中显示被锁定的表格元素；随着所述滑动操作指令对应的操作点的位置变化，调整未被锁定的表格元素的显示尺寸，从而可以实现在页面中对被锁定的表格元素进行锁定显示，使得用户很方便地在页面中对比查看被锁定的表格元素，提高了用户操作网络表格的效率，此外，由于可以随着所述滑动操作指令对应的操作点的位置变化，调整未被锁定的表格元素的显示尺寸，从而可以让用户感知到滑动操作作用于网络表格而产生的影响，使得用户有良好的用户体验。

实施例2

基于前述实施例1详细叙述了本申请的发明构思，为了便于更好的理解本申请的技术特征、手段和效果，下面对本申请的表格显示方法进一步说明，从而形成了本申请的又一个实施例。

本申请实施例中，在网络表格滚动显示的过程中，若假设用户没有对网页中的表格元素进行删除而导致表格元素的数量过少，则一般地，网页中能够用于显示网络表格的可视区域(后称显示区域)的宽度和高度是不变的。当显示区域中既包含被锁定的表格元素(也称已锁定的表格元素)，又包含未被锁定的表格元素(也称非锁定的表格元素)时，网络表格的显示区域的宽度＝网络表格的显示区域中所有已锁定的表格元素的宽度+网络表格的显示区域中非锁定的表格元素的宽度；网络表格的显示区域的高度＝网络表格的显示区域中所有已锁定的表格元素的高度+网络表格的显示区域中非锁定的表格元素的高度。

本申请实施例2中，重点介绍在网络表格滚动显示的过程中，如何通过增加网络表格的显示区域中某些非锁定的表格元素列的宽度，并减少网络表格的显示区域中另外一些非锁定的表格元素列的宽度列的宽度(或者通过增加网络表格的显示区域中某些非锁定的表格元素列的高度，并减少网络表格的显示区域中另外一些非锁定的表格元素列的宽度列的高度)的方式，来模拟网络表格的滚动显示过程。其中，所述增加的宽度(或高度)以及减少的宽度(或高度)，等于滑动操作指令对应的操作点的位置变化量。

例如，假设响应于表格显示指令，浏览器生成了20列×50行的网络表格Q。其中网络表格Q中包含的20列分别记为：col1～col20；网络表格Q中包含的50行分别记为：row1～row50。假设网络表格Q的显示区域中可以显示10列20行的表格元素(这里行和列，均为表格元素；所述的列，包含显示在列中的数据在内；所述的行，包含显示在列内的数据在内)，用户A期望对col1、col9以及col20这三列进行锁定，则本申请实施例2中对已锁定表格元素进行锁定显示，以及调整非锁定的表格元素的显示尺寸的方法，可以通过下述步骤来实现。需要说明的是，本申请实施例2中主要以已锁定的表格元素为列作为例子进行介绍，已锁定的表格元素为行的情况下的网络表格显示流程可以参考已锁定的表格元素为列的情况下的网络表格显示流程。

步骤21，浏览器从服务器获取与表格Q的属性相关的数据以及用于显示在所述表格Q中的数据，并利用该些数据渲染出网络表格Q并显示，显示出的表格元素如图2所示。然后，浏览器运行前文所述的自由锁定功能程序，以实现保存下述信息：

显示区域当前所显示的网络表格的总宽度和总高度；

网络表格各列的宽度和各行的高度；

网络表格包含的各个表格元素在网络表格中所处位置的信息。

步骤22，用户A点击网络表格Q表头上的表格元素锁定按钮控件，触发浏览器显示如图3所示的表格元素锁定设置面板，用户A通过该面板输入期望锁定的列：col1，col9，col20，然后点击提交。

浏览器在接收到用户点击提交而触发的指令后，响应于该指令，保存用户输入的col1，col9，col20的信息。

这里所说的col1，col9，col20的信息，具体可以包括表征col1，col9，col20的表格元素类型“列”的信息“col”，以及表征col1，col9，col20在网络表格中所处位置的信息“1”、“9”和“20”。

而后，浏览器根据保存的col1，col9，col20的信息、显示区域当前所显示的网络表格的总宽度和总高度、网络表格各列的宽度和各行的高度，以及网络表格Q中各个表格元素在网络表格中所处位置的信息，重新渲染并显示表格元素。

具体地，根据保存的col1，col9，col20的信息，可以确定待显示在显示区域内的列，至少包括col1，col9，col20；根据显示区域当前所显示的网络表格的总宽度和网络表格各列的宽度，可以确定除col1，col9，col20外，还可以显示7列；根据保存的已锁定的各列(col1，col9，col20)的信息和保存的网络表格Q中各个表格元素在网络表格中所处位置的信息，可以确定：

1、col1是位于网络表格最左侧的一列，从而确定col1的显示位置为显示区域左侧第1列；

2、col20的右侧不再存在已锁定的列，且col1与col20之间相距的距离大于显示区域中最多能够显示的列的数量“10”，从而确定col20的显示位置为显示区域右侧第1列；

3、col9作为最邻近于col1的一列，它与col1之间，还存在列co12～col8。由于根据显示区域当前所显示的网络表格的总宽度和网络表格各列的宽度，可以确定待显示的非锁定的列的宽度＝总宽度-(col1的宽度+col9的宽度+col20的宽度)。假设每列的宽度为1，则可以确定，待显示的非锁定的列的宽度＝10-3＝7，“7”刚好可以用于显示列co12～col8，从而浏览器可以确定待显示的非锁定的列为“co12～col8”。

浏览器根据上述确定结果，以及已锁定的列与待显示的非锁定的列在网络表格中所处位置的信息，渲染并显示网络表格。显示结果如图5所示，该显示区域从左到右依次展示的列为：col1、col2、col3、col4、col5、col6、col7、col8、col9、col20。

步骤23，用户A通过滑动操作触发所述网络表格Q沿水平方向向右滚动且滚动距离为x。其中，这里所说的滚动距离，是网络表格Q的滑块滚动的距离。

浏览器在检测到该滚动距离x和滚动方向“由左至右”后，根据保存的已被锁定的行的信息和网络表格Q中各个表格元素在网络表格中所处位置的信息，可以确定：

1、col1是位于网络表格最左侧的一列，从而确定col1的显示位置仍然为显示区域左侧第1列；

2、col20的右侧不再存在已锁定的列，且col1与col20之间相距的距离大于显示区域中最多能够显示的列的数量“10”，从而确定col20的显示位置仍然为显示区域右侧第1列；

3、col9和col20之间，还存在非锁定的列；

4、根据显示区域当前所显示的网络表格的总宽度和网络表格各列的宽度，可以确定待显示的非锁定的列的宽度＝总宽度-(col1的宽度+col9的宽度+col20的宽度)＝10-3＝7。若假设x＝0.5<1，则根据检测到的滑动方向“由左至右”，可以确定当前与左侧已锁定的列的右侧相邻的非锁定的列(即与“col1”的右侧相邻的“col2”)的显示尺寸，由原来的1变化为1-0.7＝0.5；此外，可以确定当前与右侧已锁定的列的右侧相邻的非锁定的列(即与“col9”相邻的“col10”)是待显示的非锁定的列，并且，col10的显示尺寸，由原来的0变化为x＝0.5。

浏览器根据上述确定结果，以及已锁定的列与待显示的非锁定的列在网络表格中所处位置的信息，渲染网络表格并显示。具体在显示区域中显示的表格元素如图7所示。

步骤24，用户A继续触发所述网络表格Q沿水平方向向右滚动，并且，在滚动距离x的基础上，又滚动了x的距离，即相较于图5，向右滚动了距离1。

浏览器在检测到该滚动距离x和滚动方向“由左至右”后，根据保存的已被锁定的行的信息和网络表格Q中各个表格元素在网络表格中所处位置的信息，可以确定：

1、col1是位于网络表格最左侧的一列，从而确定col1的显示位置仍然为显示区域左侧第1列；

2、col20的右侧不再存在已锁定的列，且col1与col20之间相距的距离大于显示区域中最多能够显示的列的数量“10”，从而确定col20的显示位置仍然为显示区域右侧第1列；

3、col9和col20之间，还存在非锁定的列；

4、根据显示区域当前所显示的网络表格的总宽度和网络表格各列的宽度，可以确定待显示的非锁定的列的宽度＝总宽度-(col1的宽度+col9的宽度+col20的宽度)＝10-3＝7。由于当前滚动的距离相对于图7来说是滚动了x，则根据检测到的滑动方向“由左至右”，可以确定当前与左侧已锁定的列的右侧相邻的非锁定的列(即与“col1”的右侧相邻的“col2”)的显示尺寸，由原来的1变化为1-1＝0；此外，可以确定当前与右侧已锁定的列的右侧相邻的非锁定的列(即与“col9”相邻的“col10”)是待显示的非锁定的列，并且，col10的显示尺寸变化为2x＝1。

浏览器根据上述确定结果，以及已锁定的列与待显示的非锁定的列在网络表格中所处位置的信息，渲染网络表格并显示。具体在显示区域中显示的表格元素网络表格Q的显示区域中显示的表格元素如图8所示。

步骤25，用户A继续触发所述网络表格Q沿水平方向向右滚动，并且，在滚动距离2x的基础上，又滚动了18x的距离(假设此时滑块已滑到最右侧)，即相较于图8，滑块又向右滚动了距离9。则浏览器按照与上述步骤23、24类似的方式调整网络表格中的非锁定的列的宽度、显示位置和调整已锁定的列(col9)的显示位置，可以显示出如图9所示的网络表格。

需要说明的是，当col9移动到与col1相邻的位置并显示后，若此时滑块继续从左至右滚动，浏览器根据滑动方向“由左至右”，以及col9左侧不存在待显示的非锁定的列，可以确定，col9在滑块继续从左至右滑动时，显示位置不发生变化。

由于在获取到针对页面中显示的网络表格部分的操作指令后，根据所述操作指令，通过调整页面的表格中当前已显示的部分表格元素的显示尺寸，和待显示的表格元素的显示尺寸，以在当前页面进行显示的方式，实现在不隐藏已显示的表格元素的情况下，对所述当前未显示的表格元素进行显示，从而可以在用户对页面的表格进行操作时，使得页面中既可以显示当前已显示的表格元素，又能够显示待显示的表格元素，方便用户对比查看当前已显示的表格元素和待显示的表格元素，从而解决了现有技术存在的如何在用户对页面的表格进行操作时，使得用户能够对比查看当前已显示的表格元素和待显示的表格元素的问题。

由于在接收到滑动操作所触发的针对页面中显示的网络表格部分的操作指令后，在所述滑动操作结束前，在页面中显示被锁定的表格元素；随着所述滑动操作指令对应的操作点的位置变化，调整未被锁定的表格元素的显示尺寸，从而可以实现在页面中对被锁定的表格元素进行锁定显示，使得用户很方便地在页面中对比查看被锁定的表格元素，提高了用户操作网络表格的效率，此外，由于可以随着所述滑动操作指令对应的操作点的位置变化，调整未被锁定的表格元素的显示尺寸，从而可以让用户感知到滑动操作作用于网络表格而产生的影响，使得用户有良好的用户体验。

实施例3

本申请实施例提供了一种网络表格的处理装置，用以解决现有技术存在的如何在用户对页面的表格进行操作时，使得用户能够对比查看当前已显示的表格元素和待显示的表格元素的问题。该装置的具体结构示意图如图10所示，包括：操作指令获取单元101以及表格元素调整单元102。

其中，操作指令获取单元101，用于获取针对页面中显示的网络表格部分的操作指令；所述操作指令指示在页面中显示所述网络表格的待显示的表格元素；

表格元素调整单元102，用于根据所述操作指令，调整所述网络表格中待显示的表格元素的显示尺寸，以及当前已显示的至少部分表格元素的显示尺寸，以在当前页面进行显示。

在一种实施方式中，操作指令获取单元101获取的操作指令为滑动操作指令。

在一种实施方式中，表格元素调整单元102，用于：根据所述操作指令，调整所述网络表格中待显示且未被锁定的表格元素的显示尺寸，以及当前已显示的至少部分表格元素的显示尺寸。

在一种实施方式中，所述当前已显示的至少部分表格元素，包括当前已显示且未被锁定的表格元素。

在一种实施方式中，表格元素调整单元102，用于：当操作指令获取单元获取的操作指令为滑动操作指令时，随着所述滑动操作指令对应的操作点的位置变化，根据所述操作点的位置变化量和所述滑动操作对应的滑动方向，调整所述网络表格中待显示且未被锁定的表格元素的显示尺寸，以及所述当前已显示且未被锁定的表格元素的显示尺寸。

在一种实施方式中，表格元素调整单元102，用于：当所述滑动方向为由左至右时，若所述位置变化量不大于当前已显示在最左侧的未被锁定的表格元素的当前显示宽度，则将所述已显示在最左侧的未被锁定的表格元素的显示宽度，调整为所述已显示在最左侧的未被锁定的表格元素的当前显示宽度与所述位置变化量的差值，并，将当前已显示在最右侧的未被锁定的表格元素的显示宽度，调整为所述当前已显示在最右侧的未被锁定的表格元素的当前显示宽度与所述位置变化量的和值；

当所述滑动方向为由右至左时，若所述位置变化量不大于当前已显示在最右侧的未被锁定的表格元素的当前显示宽度，则将所述已显示在最右侧的未被锁定的表格元素的显示宽度，调整为所述已显示在最右侧的未被锁定的表格元素的当前显示宽度与所述位置变化量的差值，并，将当前已显示在最左侧的未被锁定的表格元素的显示宽度，调整为所述当前已显示在最左侧的未被锁定的表格元素的当前显示宽度与所述位置变化量的和值；

当所述滑动方向为由上至下时，若所述位置变化量不大于当前已显示在最上侧的未被锁定的表格元素的当前显示高度，则将所述已显示在最上侧的未被锁定的表格元素的显示高度，调整为所述已显示在最上侧的未被锁定的表格元素的当前显示高度与所述位置变化量的差值，并，将当前已显示在最下侧的未被锁定的表格元素的显示高度，调整为所述当前已显示在最下侧的未被锁定的表格元素的当前显示高度与所述位置变化量的和值；

当所述滑动方向为由下至上时，若所述位置变化量不大于当前已显示在最下侧的未被锁定的表格元素的当前显示高度，则将所述已显示在最下侧的未被锁定的表格元素的显示高度，调整为所述已显示在最下侧的未被锁定的表格元素的当前显示高度与所述位置变化量的差值，并，将当前已显示在最上侧的未被锁定的表格元素的显示高度，调整为所述当前已显示在最上侧的未被锁定的表格元素的当前显示高度与所述位置变化量的和值。

在一种实施方式中，表格元素调整单元102，用于：当所述滑动方向为由左至右时，若所述位置变化量与当前已显示在最右侧的未被锁定的表格元素的当前显示宽度的和值，大于表格元素的默认宽度，则根据所述位置变化量，调整处于已显示在最右侧的未被锁定的表格元素右侧的、待显示且未被锁定的表格元素的显示宽度；

当所述滑动方向为由右至左时，若所述位置变化量与当前已显示在最左侧的未被锁定的表格元素的当前显示宽度的和值，大于表格元素的默认宽度，则根据所述位置变化量，调整处于已显示在最左侧的未被锁定的表格元素左侧的、待显示且未被锁定的表格元素的显示宽度；

当所述滑动方向为由上至下时，若所述位置变化量与当前已显示在最下侧的未被锁定的表格元素的当前显示高度的和值，大于表格元素的默认高度，则根据所述位置变化量，调整处于已显示在最下侧的未被锁定的表格元素下侧的、待显示且未被锁定的表格元素的显示高度；

当所述滑动方向为由下至上时，若所述位置变化量与当前已显示在最上侧的未被锁定的表格元素的当前显示高度的和值，大于表格元素的默认高度，则根据所述位置变化量，调整处于已显示在最上侧的未被锁定的表格元素上侧的、待显示且未被锁定的表格元素的显示高度。

在一种实施方式中，表格元素调整单元102，还用于：当操作指令获取单元获取的操作指令为滑动操作指令时，根据所述操作指令，调整已显示且被锁定的表格元素的显示位置。

在一种实施方式中，表格元素调整单元102，用于：根据所述操作指令，当所述操作指令对应的滑动方向为由左至右或从右至左时，根据未被锁定的表格元素的显示尺寸的变化量，调整除所述距离页面的表格左侧最近的被锁定的页面的表格和距离页面的表格右侧最近的被锁定的表格元素外的其他被锁定的表格元素的显示位置；根据所述操作指令，当所述操作指令对应的滑动方向为由上至下或从下至上时，根据未被锁定的表格元素的显示尺寸的变化量，调整除所述距离页面的表格上侧最近的被锁定的页面的表格和距离页面的表格下侧最近的被锁定的表格元素外的其他被锁定的表格元素的显示位置。

在一种实施方式中，还包括锁定指令接收单元，用于：在操作指令获取单元取针对页面的表格的操作指令前，将页面的表格进行显示后，接收针对所述页面的表格的表格元素的锁定指令；将所述锁定指令所对应的表格元素，确定为被锁定的表格元素；显示确定出的被锁定的表格元素。

本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

在一个典型的配置中，计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。

内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。

还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。

本领域技术人员应明白，本申请的实施例可提供为方法、系统或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

以上所述仅为本申请的实施例而已，并不用于限制本申请。对于本领域技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本申请的权利要求范围之内。