表格显示方法及装置与流程

本发明涉及信息技术领域，尤其涉及一种表格显示方法及装置。

背景技术：

近些年来，随着现代科技的飞速发展，终端设备日益多样化，例如，PC(Personal computer，个人计算机)、平板电脑、智能手机等，尤其是智能手机，成为人们阅览网站网页的重要入口。而表格是在现代网页设计中经常用到的，是最基本的网页页面元素之一，表格的UI(User Interface，用户界面)呈现对用户体验和数据呈现至关重要。由于不同终端设备的屏幕尺寸具有差异，在通过终端设备加载网页数据时，网页表格需要适应这些不同的终端设备屏幕，以达到较好的显示效果。

目前，可以针对不同的终端设备屏幕，分别设计一套表格显示方案，这样成本过高，并且如果缺少了某种屏幕的设计，则该屏幕下用户体验极差；也可以设计固定的表格样式，但是在不同的屏幕下可能会出现布局混乱；还可以通过设置自适应表格的方式，然而，对于小分辨率的屏幕下可能会出现布局混乱。

技术实现要素：

鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决现有技术中针对不同的终端设备屏幕分别设计一套表格显示方案，导致成本过高的问题，以及通过设计固定的表格样式或者设置自适应表格的方式，导致表格在不同的屏幕下出现布局混乱的问题。

为了达到上述目的，本发明主要提供如下技术方案：

一方面，本发明提供了一种表格显示方法，该方法包括：

计算表格中当前显示的所有列与当前的权重列表中权重值最高的列的列宽之和，所述权重列表中保存有待确定是否显示的各列及所述各列分别 对应的权重值；

检测所述列宽之和是否大于所述表格可显示的总宽度；

若所述列宽之和小于或等于所述表格可显示的总宽度，则在所述表格中显示所述权重值最高的列，并将所述权重值最高的列及该列对应的权重值从权重列表中删除，将删除列后的权重列表作为当前的权重列表，重复执行所述计算列宽之和的步骤；

若所述列宽之和大于所述表格可显示的总宽度，则隐藏所述当前的权重列表中的每一列，并在终端设备上显示所述表格中当前显示的所有列。

另一方面，本发明提供了一种表格显示装置，该装置包括：

计算单元，用于计算表格中当前显示的所有列与当前的权重列表中权重值最高的列的列宽之和，所述权重列表中保存有待确定是否显示的各列及所述各列分别对应的权重值；

检测单元，用于检测所述计算单元计算的列宽之和是否大于所述表格可显示的总宽度；

显示单元，用于若所述检测单元检测出所述列宽之和小于或等于所述表格可显示的总宽度，则在所述表格中显示所述权重值最高的列；

删除单元，用于将所述权重值最高的列及该列对应的权重值从权重列表中删除，将删除列后的权重列表作为当前的权重列表，重复执行所述计算单元；

隐藏单元，用于若所述检测单元检测出所述列宽之和大于所述表格可显示的总宽度，则隐藏所述当前的权重列表中的每一列；

显示单元，还用于在终端设备上显示所述表格中当前显示的所有列。

借由上述技术方案，本发明实施例提供的技术方案至少具有下列优点：

本发明提供的一种表格显示方法及装置，首先计算表格中当前显示的所有列与当前的权重列表中权重值最高的列的列宽之和，所述权重列表中保存有待确定是否显示的各列及所述各列分别对应的权重值；然后检测所述列宽之和是否大于所述表格可显示的总宽度；若所述列宽之和小于或等于所述表格可显示的总宽度，则在所述表格中显示所述权重值最高的列，并将所述权重值最高的列及该列对应的权重值从权重列表中删除，将删除 列后的权重列表作为当前的权重列表，重复执行所述计算列宽之和的步骤；若所述列宽之和大于所述表格可显示的总宽度，则隐藏所述当前的权重列表中的每一列，并在终端设备上显示所述表格中当前显示的所有列。与现有技术相比，本发明无需针对不同终端设备屏幕，分别设计表格方案，节省了成本，可以通过动态计算表格宽度，自动实现不同终端设备屏幕下表格的友好呈现。

附图说明

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

图1示出了本发明实施例提供的一种表格显示方法流程示意图；

图2示出了本发明实施例提供的另一种表格显示方法流程示意图；

图3示出了本发明实施例提供的一种表格显示装置结构示意图；

图4示出了本发明实施例提供的另一种表格显示装置结构示意图。

具体实施方式

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

本发明实施例提供的一种表格显示方法，如图1所示，该方法包括：

101、计算表格中当前显示的所有列与当前的权重列表中权重值最高的列的列宽之和。

其中，所述权重列表中保存有待确定是否显示的各列及所述各列分别对应的权重值。所述权重值可以根据实际需求进行配置，例如，对于关于学生信息的表格，其中包含有学生姓名列、性别列、班级列、专业列等， 学生姓名列对应的权重值可以配置的最高，其次为性别列、再其次为班级列，最后为专业列对应的权重值配置得最低。

对于本发明实施例，可以在表格对应的网页中预设JavaScript脚本，通过预设的JavaScript脚本获取表格中每一列的宽度。所述预设JavaScript脚本可以根据用户需求进行设置。

102、检测列宽之和是否大于表格可显示的总宽度。

需要说明的是，可以通过上述预设的JavaScript脚本获取表格在终端设备上可显示的总宽度。对于本发明实施例，可以先计算出当前表格中已经显示的所有列的列宽之和，再将该列宽之和与当前的权重列表中权重值最高的列的宽度再进行求和，得到最终需要检测的列宽之和。

103a、若列宽之和小于或等于表格可显示的总宽度，则在表格中显示权重值最高的列。

104a、将权重值最高的列及该列对应的权重值从权重列表中删除。

对于本发明实施例，将删除列后的权重列表作为当前的权重列表，然后重复执行所述步骤101。

与步骤103a并列的步骤103b、若列宽之和大于表格可显示的总宽度，则隐藏当前的权重列表中的每一列。

104b、在终端设备上显示表格中当前显示的所有列。

具体地，通过检测表格中当前显示的所有列与当前的权重列表中权重值最高的列的列宽之和是否大于表格可显示的总宽度，如果列宽之和大于表格可显示的总宽度，可以确定表格已经铺满总宽度，余下的列需要全部隐藏；如果列宽之和小于或等于表格可显示的总宽度，可以显示当前的权重列表中权重值最高的列，并可以继续判断权重列表中下一个权重值最高的列是否呈现。

需要说明的是，本发明实施例所提供的方式是针对表格的宽度进行相应的动态调整，但不限于此，还可以按照本发明实施例所提供的方式，针对表格的高度进行相应的动态调整，即针对表格中行进行相应的调整，优先显示权重值较高的行，具体可以根据实际需求进行选择。

本发明实施例提供的一种表格显示方法，首先计算表格中当前显示的 所有列与当前的权重列表中权重值最高的列的列宽之和，所述权重列表中保存有待确定是否显示的各列及所述各列分别对应的权重值；然后检测所述列宽之和是否大于所述表格可显示的总宽度；若所述列宽之和小于或等于所述表格可显示的总宽度，则在所述表格中显示所述权重值最高的列，并将所述权重值最高的列及该列对应的权重值从权重列表中删除，将删除列后的权重列表作为当前的权重列表，重复执行所述计算列宽之和的步骤；若所述列宽之和大于所述表格可显示的总宽度，则隐藏所述当前的权重列表中的每一列，并在终端设备上显示所述表格中当前显示的所有列。与现有技术相比，本发明无需针对不同终端设备屏幕，分别设计表格方案，节省了成本，可以通过动态计算表格宽度，自动实现不同终端设备屏幕下表格的友好呈现。

具体的，本发明实施例提供了另一种表格显示方法，如图2所示，该方法包括：

201、为表格每一列配置对应的权重值。

对于本发明实施例，所述步骤201具体可以包括：按照预置优先级规则，为所述表格每一列配置对应的权重值。所述预置优先级规则可以根据实际用户的实际需求进行配置。例如，对于关于图书介绍的表格，其中包含有图书名称列、出版社列、出版日期列、图书价格列等，图书名称列对应的权重值可以配置的最高，其次为出版社、再其次为图书价格列，最后为出版日期对应的权重值配置得最低。

202、将每一列配置的权重值保存在权重列表中。

其中，所述权重列表中保存有待确定是否显示的各列及所述各列分别对应的权重值。

203、计算表格中当前显示的所有列与当前的权重列表中权重值最高的列的列宽之和。

对于本发明实施例，可以在表格对应的网页中预置JavaScript脚本，通过预置的JavaScript脚本，获取表格中每一列的列宽。所述预置JavaScript脚本可以根据用户需求进行设置。

204、检测列宽之和是否大于表格可显示的总宽度。

需要说明的是，可以通过上述预置的JavaScript脚本获取表格在终端设备上可显示的总宽度。

205a、若列宽之和小于或等于表格可显示的总宽度，则在表格中显示权重值最高的列。

206a、将权重值最高的列及该列对应的权重值从权重列表中删除。

对于本发明实施例，将删除列后的权重列表作为当前的权重列表，重复执行所述步骤203。

与步骤205a并列的步骤205b、若列宽之和大于表格可显示的总宽度，则隐藏当前的权重列表中的每一列。

206b、在终端设备上显示表格中当前显示的所有列。

对于本发明实施例，所述步骤206b之前还可以包括：获取所述当前的权重列表中剩余列的个数。所述步骤206b具体可以包括：在终端设备上显示所述表格中当前显示的所有列以及所述当前的权重列表中剩余列的个数。

需要说明的是，通过在终端设备上显示所述表格中当前显示的所有列以及所述当前的权重列表中剩余列的个数，可以实现在不同终端设备屏幕下表格的友好呈现，并且显示了剩余列的个数，可以使用户了解没有显示的表格列的个数，可以增强用户的体验。

对于本发明实施例的具体应用场景可以如下所示，但不限于此，包括：

可以将通过预置JavaScript脚本获取的表格父元素的可用宽度标记为M；初始化一个变量N＝0，用于记录当前表格已经呈现的所有列的列宽之和；权重清单中权重最高的列，标记为MaxColumn，通过预置JavaScript脚本获取该列的宽度X，设置N＝N+X；如果N<＝M，则设置MaxColumn列呈现，然后在权重清单中删除MaxColumn列的数据，之后继续通过预置JavaScript脚本获取权重清单中权重最高的列，并标记为MaxColumn；如果N>M，则设置权重清单中尚存的所有列进行隐藏显示，至此通过动态设置，表格兼容不同终端设备的屏幕。

本发明实施例提供的另一种表格显示方法，首先计算表格中当前显示的所有列与当前的权重列表中权重值最高的列的列宽之和，所述权重列表 中保存有待确定是否显示的各列及所述各列分别对应的权重值；然后检测所述列宽之和是否大于所述表格可显示的总宽度；若所述列宽之和小于或等于所述表格可显示的总宽度，则在所述表格中显示所述权重值最高的列，并将所述权重值最高的列及该列对应的权重值从权重列表中删除，将删除列后的权重列表作为当前的权重列表，重复执行所述计算列宽之和的步骤；若所述列宽之和大于所述表格可显示的总宽度，则隐藏所述当前的权重列表中的每一列，并在终端设备上显示所述表格中当前显示的所有列。与现有技术相比，本发明无需针对不同终端设备屏幕，分别设计表格方案，节省了成本，可以通过动态计算表格宽度，自动实现不同终端设备屏幕下表格的友好呈现。

进一步地，作为图1所示方法的具体实现，本发明实施例提供了一种表格显示装置，如图3所示，所述装置包括：计算单元31、检测单元32、显示单元33、删除单元34、隐藏单元35。

所述计算单元31，可以用于计算表格中当前显示的所有列与当前的权重列表中权重值最高的列的列宽之和，所述权重列表中保存有待确定是否显示的各列及所述各列分别对应的权重值。

所述检测单元32，可以用于检测所述计算单元31计算的列宽之和是否大于所述表格可显示的总宽度。

所述显示单元33，可以用于若所述检测单元32检测出所述列宽之和小于或等于所述表格可显示的总宽度，则在所述表格中显示所述权重值最高的列。

所述删除单元34，可以用于将所述权重值最高的列及该列对应的权重值从权重列表中删除，将删除列后的权重列表作为当前的权重列表，重复执行所述计算单元31。

所述隐藏单元35，可以用于若所述检测单元32检测出所述列宽之和大于所述表格可显示的总宽度，则隐藏所述当前的权重列表中的每一列。

所述显示单元33，还可以用于在终端设备上显示所述表格中当前显示的所有列。

需要说明的是，本发明实施例提供的一种表格显示装置所涉及各功能 单元的其他相应描述，可以参考图1的对应描述，在此不再赘述。

本发明提供的一种表格显示装置，首先计算表格中当前显示的所有列与当前的权重列表中权重值最高的列的列宽之和，所述权重列表中保存有待确定是否显示的各列及所述各列分别对应的权重值；然后检测所述列宽之和是否大于所述表格可显示的总宽度；若所述列宽之和小于或等于所述表格可显示的总宽度，则在所述表格中显示所述权重值最高的列，并将所述权重值最高的列及该列对应的权重值从权重列表中删除，将删除列后的权重列表作为当前的权重列表，重复执行所述计算列宽之和的步骤；若所述列宽之和大于所述表格可显示的总宽度，则隐藏所述当前的权重列表中的每一列，并在终端设备上显示所述表格中当前显示的所有列。与现有技术相比，本发明无需针对不同终端设备屏幕，分别设计表格方案，节省了成本，可以通过动态计算表格宽度，自动实现不同终端设备屏幕下表格的友好呈现。

进一步地，作为图2所示方法的具体实现，本发明实施例提供了一种表格显示装置，如图4所示，所述装置包括：计算单元41、检测单元42、显示单元43、删除单元44、隐藏单元45。

所述计算单元41，可以用于计算表格中当前显示的所有列与当前的权重列表中权重值最高的列的列宽之和，所述权重列表中保存有待确定是否显示的各列及所述各列分别对应的权重值。

所述检测单元42，可以用于检测所述计算单元41计算的列宽之和是否大于所述表格可显示的总宽度。

所述显示单元43，可以用于若所述检测单元42检测出所述列宽之和小于或等于所述表格可显示的总宽度，则在所述表格中显示所述权重值最高的列。

所述删除单元44，可以用于将所述权重值最高的列及该列对应的权重值从权重列表中删除，将删除列后的权重列表作为当前的权重列表，重复执行所述计算单元41。

所述隐藏单元45，可以用于若所述检测单元42检测出所述列宽之和大于所述表格可显示的总宽度，则隐藏所述当前的权重列表中的每一列。

所述显示单元43，还可以用于在终端设备上显示所述表格中当前显示的所有列。

进一步地，所述装置还包括：获取单元46。

所述获取单元46，可以用于获取所述当前的权重列表中剩余列的个数。

所述显示单元43，具体可以用于在终端设备上显示所述表格中当前显示的所有列以及所述获取单元获取的当前的权重列表中剩余列的个数。

进一步地，所述装置还包括：配置单元47、保存单元48。

所述配置单元47，可以用于为所述表格中每一列配置对应的权重值。

所述保存单元48，可以用于将所述配置单元47配置的权重值保存在所述权重列表中。

所述配置单元47，具体可以用于按照预置优先级规则，为所述表格每一列配置对应的权重值。

所述获取单元46，还可以用于通过预置的JavaScript脚本，获取所述表格可显示的总宽度以及所述表格中每一列的宽度。

需要说明的是，本发明实施例提供的另一种表格显示装置所涉及各功能单元的其他相应描述，可以参考图2的对应描述，在此不再赘述。

本发明提供的另一种表格显示装置，首先计算表格中当前显示的所有列与当前的权重列表中权重值最高的列的列宽之和，所述权重列表中保存有待确定是否显示的各列及所述各列分别对应的权重值；然后检测所述列宽之和是否大于所述表格可显示的总宽度；若所述列宽之和小于或等于所述表格可显示的总宽度，则在所述表格中显示所述权重值最高的列，并将所述权重值最高的列及该列对应的权重值从权重列表中删除，将删除列后的权重列表作为当前的权重列表，重复执行所述计算列宽之和的步骤；若所述列宽之和大于所述表格可显示的总宽度，则隐藏所述当前的权重列表中的每一列，并在终端设备上显示所述表格中当前显示的所有列。与现有技术相比，本发明无需针对不同终端设备屏幕，分别设计表格方案，节省了成本，可以通过动态计算表格宽度，自动实现不同终端设备屏幕下表格的友好呈现。

所述表格显示装置包括处理器和存储器，上述计算单元、检测单元和 显示单元、删除单元、隐藏单元等均作为程序单元存储在存储器中，由处理器执行存储在存储器中的上述程序单元来实现相应的功能。

处理器中包含内核，由内核去存储器中调取相应的程序单元。内核可以设置一个或以上，通过调整内核参数来解决解决现有技术中针对不同的终端设备屏幕分别设计一套表格显示方案，导致成本过高的问题，以及通过设计固定的表格样式或者设置自适应表格的方式，导致表格在不同的屏幕下出现布局混乱的问题。

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

本申请还提供了一种计算机程序产品，当在数据处理设备上执行时，适于执行初始化有如下方法步骤的程序代码：计算表格中当前显示的所有列与当前的权重列表中权重值最高的列的列宽之和，所述权重列表中保存有待确定是否显示的各列及所述各列分别对应的权重值；检测所述列宽之和是否大于所述表格可显示的总宽度；若所述列宽之和小于或等于所述表格可显示的总宽度，则在所述表格中显示所述权重值最高的列，并将所述权重值最高的列及该列对应的权重值从权重列表中删除，将删除列后的权重列表作为当前的权重列表，重复执行所述计算列宽之和的步骤；若所述列宽之和大于所述表格可显示的总宽度，则隐藏所述当前的权重列表中的每一列，并在终端设备上显示所述表格中当前显示的所有列。

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

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

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

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

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

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

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

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