表格显示方法及装置制造方法及图纸

本发明专利技术公开了一种表格显示方法及装置，涉及信息技术领域，可以实现不同终端设备屏幕下表格的友好呈现。所述方法包括：首先计算表格中当前显示的所有列与当前的权重列表中权重值最高的列的列宽之和，权重列表中保存有待确定是否显示的各列及各列分别对应的权重值；然后检测列宽之和是否大于表格可显示的总宽度；若列宽之和小于或等于表格可显示的总宽度，则在表格中显示权重值最高的列，并将权重值最高的列及该列对应的权重值从权重列表中删除，将删除列后的权重列表作为当前的权重列表，重复执行计算列宽之和的步骤；若列宽之和大于表格可显示的总宽度，则隐藏当前的权重列表中的每一列，并在终端设备上显示表格中当前显示的所有列。

Table display method and apparatus

The invention discloses a table display method and a device, which relates to the field of information technology and can realize the friendly presentation of a table under the screen of different terminal devices. The method comprises the following steps: firstly calculate the current display form all the columns in the highest column and weight list in the current value of the column width and determine the weight of each column and whether the display of each column corresponds to the value saved to the weight list; then the column width detection and whether the total width is larger than the display table if the width of a column; and less than or equal to the total width of the display table, showed the highest weight of the columns in the table, and the highest weight column and the column weight value corresponding to delete from the weight list, weight list will be deleted after the weight as a list of current, repeat the calculation of column width and the steps; if the column width is greater than the sum of the table can display the total width of each column is hidden, the weight list in the current, and in the terminal equipment currently displayed on the display table in all columns.

【技术实现步骤摘要】
表格显示方法及装置
本专利技术涉及信息
，尤其涉及一种表格显示方法及装置。
技术介绍
近些年来，随着现代科技的飞速发展，终端设备日益多样化，例如，PC(Personalcomputer，个人计算机)、平板电脑、智能手机等，尤其是智能手机，成为人们阅览网站网页的重要入口。而表格是在现代网页设计中经常用到的，是最基本的网页页面元素之一，表格的UI(UserInterface，用户界面)呈现对用户体验和数据呈现至关重要。由于不同终端设备的屏幕尺寸具有差异，在通过终端设备加载网页数据时，网页表格需要适应这些不同的终端设备屏幕，以达到较好的显示效果。目前，可以针对不同的终端设备屏幕，分别设计一套表格显示方案，这样成本过高，并且如果缺少了某种屏幕的设计，则该屏幕下用户体验极差；也可以设计固定的表格样式，但是在不同的屏幕下可能会出现布局混乱；还可以通过设置自适应表格的方式，然而，对于小分辨率的屏幕下可能会出现布局混乱。
技术实现思路
鉴于上述问题，提出了本专利技术以便提供一种克服上述问题或者至少部分地解决现有技术中针对不同的终端设备屏幕分别设计一套表格显示方案，导致成本过高的问题，以及通过设计固定的表格样式或者设置自适应表格的方式，导致表格在不同的屏幕下出现布局混乱的问题。为了达到上述目的，本专利技术主要提供如下技术方案：一方面，本专利技术提供了一种表格显示方法，该方法包括：计算表格中当前显示的所有列与当前的权重列表中权重值最高的列的列宽之和，所述权重列表中保存有待确定是否显示的各列及所述各列分别对应的权重值；检测所述列宽之和是否大于所述表格可显示的总宽度；若所述列宽之和小于或等于所述表格可显示的总宽度，则在所述表格中显示所述权重值最高的列，并将所述权重值最高的列及该列对应的权重值从权重列表中删除，将删除列后的权重列表作为当前的权重列表，重复执行所述计算列宽之和的步骤；若所述列宽之和大于所述表格可显示的总宽度，则隐藏所述当前的权重列表中的每一列，并在终端设备上显示所述表格中当前显示的所有列。另一方面，本专利技术提供了一种表格显示装置，该装置包括：计算单元，用于计算表格中当前显示的所有列与当前的权重列表中权重值最高的列的列宽之和，所述权重列表中保存有待确定是否显示的各列及所述各列分别对应的权重值；检测单元，用于检测所述计算单元计算的列宽之和是否大于所述表格可显示的总宽度；显示单元，用于若所述检测单元检测出所述列宽之和小于或等于所述表格可显示的总宽度，则在所述表格中显示所述权重值最高的列；删除单元，用于将所述权重值最高的列及该列对应的权重值从权重列表中删除，将删除列后的权重列表作为当前的权重列表，重复执行所述计算单元；隐藏单元，用于若所述检测单元检测出所述列宽之和大于所述表格可显示的总宽度，则隐藏所述当前的权重列表中的每一列；显示单元，还用于在终端设备上显示所述表格中当前显示的所有列。借由上述技术方案，本专利技术实施例提供的技术方案至少具有下列优点：本专利技术提供的一种表格显示方法及装置，首先计算表格中当前显示的所有列与当前的权重列表中权重值最高的列的列宽之和，所述权重列表中保存有待确定是否显示的各列及所述各列分别对应的权重值；然后检测所述列宽之和是否大于所述表格可显示的总宽度；若所述列宽之和小于或等于所述表格可显示的总宽度，则在所述表格中显示所述权重值最高的列，并将所述权重值最高的列及该列对应的权重值从权重列表中删除，将删除列后的权重列表作为当前的权重列表，重复执行所述计算列宽之和的步骤；若所述列宽之和大于所述表格可显示的总宽度，则隐藏所述当前的权重列表中的每一列，并在终端设备上显示所述表格中当前显示的所有列。与现有技术相比，本专利技术无需针对不同终端设备屏幕，分别设计表格方案，节省了成本，可以通过动态计算表格宽度，自动实现不同终端设备屏幕下表格的友好呈现。附图说明通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本专利技术的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：图1示出了本专利技术实施例提供的一种表格显示方法流程示意图；图2示出了本专利技术实施例提供的另一种表格显示方法流程示意图；图3示出了本专利技术实施例提供的一种表格显示装置结构示意图；图4示出了本专利技术实施例提供的另一种表格显示装置结构示意图。具体实施方式下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。本专利技术实施例提供的一种表格显示方法，如图1所示，该方法包括：101、计算表格中当前显示的所有列与当前的权重列表中权重值最高的列的列宽之和。其中，所述权重列表中保存有待确定是否显示的各列及所述各列分别对应的权重值。所述权重值可以根据实际需求进行配置，例如，对于关于学生信息的表格，其中包含有学生姓名列、性别列、班级列、专业列等，学生姓名列对应的权重值可以配置的最高，其次为性别列、再其次为班级列，最后为专业列对应的权重值配置得最低。对于本专利技术实施例，可以在表格对应的网页中预设JavaScript脚本，通过预设的JavaScript脚本获取表格中每一列的宽度。所述预设JavaScript脚本可以根据用户需求进行设置。102、检测列宽之和是否大于表格可显示的总宽度。需要说明的是，可以通过上述预设的JavaScript脚本获取表格在终端设备上可显示的总宽度。对于本专利技术实施例，可以先计算出当前表格中已经显示的所有列的列宽之和，再将该列宽之和与当前的权重列表中权重值最高的列的宽度再进行求和，得到最终需要检测的列宽之和。103a、若列宽之和小于或等于表格可显示的总宽度，则在表格中显示权重值最高的列。104a、将权重值最高的列及该列对应的权重值从权重列表中删除。对于本专利技术实施例，将删除列后的权重列表作为当前的权重列表，然后重复执行所述步骤101。与步骤103a并列的步骤103b、若列宽之和大于表格可显示的总宽度，则隐藏当前的权重列表中的每一列。104b、在终端设备上显示表格中当前显示的所有列。具体地，通过检测表格中当前显示的所有列与当前的权重列表中权重值最高的列的列宽之和是否大于表格可显示的总宽度，如果列宽之和大于表格可显示的总宽度，可以确定表格已经铺满总宽度，余下的列需要全部隐藏；如果列宽之和小于或等于表格可显示的总宽度，可以显示当前的权重列表中权重值最高的列，并可以继续判断权重列表中下一个权重值最高的列是否呈现。需要说明的是，本专利技术实施例所提供的方式是针对表格的宽度进行相应的动态调整，但不限于此，还可以按照本专利技术实施例所提供的方式，针对表格的高度进行相应的动态调整，即针对表格中行进行相应的调整，优先显示权重值较高的行，具体可以根据实际需求进行选择。本专利技术实施例提供的一种表格显示方法，首先计算表格中当前显示的所有列与当前的权重列表中权重值最高的列的列宽之和，所述权重列表中保存有待确定是否显示的各列及所述各列分别对应的权重值；然后检测所述列宽之和是否大于所述表本文档来自技高网...

【技术保护点】
一种表格显示方法，其特征在于，包括：计算表格中当前显示的所有列与当前的权重列表中权重值最高的列的列宽之和，所述权重列表中保存有待确定是否显示的各列及所述各列分别对应的权重值；检测所述列宽之和是否大于所述表格可显示的总宽度；若所述列宽之和小于或等于所述表格可显示的总宽度，则在所述表格中显示所述权重值最高的列，并将所述权重值最高的列及该列对应的权重值从权重列表中删除，将删除列后的权重列表作为当前的权重列表，重复执行所述计算列宽之和的步骤；若所述列宽之和大于所述表格可显示的总宽度，则隐藏所述当前的权重列表中的每一列，并在终端设备上显示所述表格中当前显示的所有列。

【技术特征摘要】
1.一种表格显示方法，其特征在于，包括：计算表格中当前显示的所有列与当前的权重列表中权重值最高的列的列宽之和，所述权重列表中保存有待确定是否显示的各列及所述各列分别对应的权重值；检测所述列宽之和是否大于所述表格可显示的总宽度；若所述列宽之和小于或等于所述表格可显示的总宽度，则在所述表格中显示所述权重值最高的列，并将所述权重值最高的列及该列对应的权重值从权重列表中删除，将删除列后的权重列表作为当前的权重列表，重复执行所述计算列宽之和的步骤；若所述列宽之和大于所述表格可显示的总宽度，则隐藏所述当前的权重列表中的每一列，并在终端设备上显示所述表格中当前显示的所有列。2.根据权利要求1所述的表格显示方法，其特征在于，所述若所述列宽之和大于所述表格可显示的总宽度，则隐藏所述当前的权重列表中的每一列，并在终端设备上显示所述表格中当前显示的所有列之前，所述方法还包括：获取所述当前的权重列表中剩余列的个数；所述若大于所述表格可显示的总宽度，则隐藏所述当前的权重列表中的每一列，并在终端设备上显示所述表格中当前显示的所有列包括：若大于所述表格可显示的总宽度，则隐藏所述当前的权重列表中的每一列，并在终端设备上显示所述表格中当前显示的所有列以及所述当前的权重列表中剩余列的个数。3.根据权利要求1所述的表格显示方法，其特征在于，所述计算表格中当前显示的所有列与当前的权重列表中权重值最高的列的列宽之和之前，所述方法还包括：为所述表格中每一列配置对应的权重值；将所述权重值保存在所述权重列表中。4.根据权利要求3所述的表格显示方法，其特征在于，所述为所述表格每一列配置对应的权重值，包括：按照预置优先级规则，为所述表格每一列配置对应的权重值。5.根据权利要求1所述的表格显示方法，其特征在于，所述方法还包...

【专利技术属性】
技术研发人员：李夫强，
申请(专利权)人：北京国双科技有限公司，
类型：发明
国别省市：北京,11