CN113221046B - 一种浏览器表格列的调整方法和装置 - Google Patents

Abstract

本发明实施例提供了一种浏览器表格列的调整方法和装置，所述方法包括通过接收用户对浏览器表格列的调整指令，调用预先设置的HTML标签中的容器化组件，通过容器化组件读取浏览器表格列并在容器化组件中生成初始表格列；监听用户针对初始化表格列的操作事件，确定操作事件对应的表格列调整类型并执行相应的调整，生成目标表格列，以提供集多种不同功能的容器化组件于一身的表格装置，增加浏览器表格列的调整灵活性。

Description

一种浏览器表格列的调整方法和装置

技术领域

本发明涉及网络信息处理技术领域，特别是涉及一种浏览器表格列的调整方法和装置。

背景技术

随着互联网和B/S(Browser/Service，浏览器/服务器)服务架构的发展，浏览器可以做的功能也越来越多样化，越来越多的应用从传统的C/S(Client/Server，客户端/服务器)模式转换到B/S模式。而表格就是在业务应用中最常见的一种展现数据的形式，随着用户对表格定制化需求的不断增多，表格需要提供的功能也越来越复杂。

而目前市场上也有很多表格插件，有的可以编辑单元格，有的可以对表格数据进行分页控制，有的可以固定表格列等。但在OMC(Operation Maintenance Center，操作维护中心系统)项目中，数据列的展示可能多达40多列，在这种情况下用户通过滚动条拖动、固定列等方式进行查看，如图1、图2所示，但上述方法灵活性较差，无法满足用户的功能需求。

为此，现有技术通过修改源码或更换表格插件的方法对表格功能进行进一步地完善，以满足用户需求。但修改源码的难度较大，更换表格插件可能无法同时满足用户的多个功能需求，使用的灵活性较低。

发明内容

本发明实施例提供一种浏览器表格列的调整方法，以提高表格调整的灵活性，同时满足用户的多个功能需求。

相应的，本发明实施例还提供了一种浏览器表格列的调整装置，用于保证上述方法的实现及应用。

为了解决上述问题，本发明实施例公开了一种浏览器表格列的调整方法，包括：

接收用户对浏览器表格列的调整指令；

根据所述调整指令调用预先设置的HTML标签；其中，所述HTML标签包括容器化组件；

通过所述容器化组件读取所述浏览器表格列，生成初始表格列；

监听针对所述初始表格列的操作事件，确定所述操作事件对应的表格列调整类型；

根据所述表格列调整类型，调整所述初始表格列；

根据调整后的初始表格列，生成目标表格列。

可选地，所述操作事件包括在指定位置的鼠标双击事件，所述监听针对所述初始表格列的操作事件，确定所述操作事件对应的表格列调整类型的步骤，包括：

监听针对所述初始表格列的操作事件；

当监听到在指定位置的鼠标双击事件时，确定所述表格列调整类型为表格列部分显示。

可选地，所述根据所述表格列调整类型，调整所述初始表格列的步骤，包括：

生成所述初始表格列的功能列表；其中，所述功能列表包括勾选框，每个所述勾选框对应初始表格列的一列；

根据所述勾选框的勾选状态，调整所述勾选框对应的初始表格列。

可选地，所述根据所述勾选框的勾选状态，调整所述勾选框对应的初始表格列的步骤，包括：

检测所述勾选框的勾选状态；

若所述勾选框的勾选状态为已勾选，则显示所述勾选框对应的初始表格列；

若所述勾选框的勾选状态为未勾选，则隐藏所述勾选框对应的初始表格列。

可选地，所述操作事件还包括鼠标按下事件，所述初始表格列包括表格边框和边框内容，所述监听针对所述初始表格列的操作事件，确定所述操作事件对应的表格列调整类型的步骤，包括：

监听针对所述初始表格列的操作事件；

当监听到鼠标按下事件时，检测所述鼠标按下事件的初始位置；

若所述鼠标按下事件的初始位置在所述表格边框与边框内容之间，则确定所述表格列调整类型为表格列顺序调整；

若所述鼠标按下事件的初始位置在所述表格边框之外，则确定所述表格列调整类型为表格列宽调整；

其中，所述操作事件还包括鼠标松开事件。

可选地，当所述表格列调整类型为表格列顺序调整时，所述根据所述表格列调整类型，调整所述初始表格列的步骤，包括：

确定发生所述鼠标松开事件的第一最终位置；

根据所述鼠标按下事件的初始位置与所述鼠标松开事件的第一最终位置，确定所述初始表格列的移动方向和移动列数；

根据所述初始表格列的移动方向和移动列数，移动所述初始表格列。

可选地，当所述表格列调整类型为表格列宽调整时，所述根据所述表格列调整类型，调整所述初始表格列的步骤，包括：

确定发生所述鼠标松开事件的第二最终位置；

根据所述鼠标按下事件的初始位置与所述鼠标松开事件的第二最终位置，确定所述初始表格列的列宽调整距离；

根据所述初始表格列的列宽调整距离，调整所述初始表格列的列宽。

可选地，所述根据调整后的初始表格列，生成目标表格列的步骤，包括：

计算所述调整后的初始表格列的顺序；

执行画面渲染过程，生成目标表格列。

可选地，所述HTML标签还包括可扩展HTML标签，所述可扩展HTML标签包括可编程的容器化组件。

本发明实施例还提供了一种浏览器表格列的调整装置，包括：

调整指令接收模块，用于接收用户对浏览器表格列的调整指令；

HTML标签调用模块，用于根据所述调整指令调用预先设置的HTML标签；其中，所述HTML标签包括容器化组件；

初始表格列生成模块，用于通过所述容器化组件读取所述浏览器表格列，生成初始表格列；

调整类型确定模块，用于监听针对所述初始表格列的操作事件，确定所述操作事件对应的表格列调整类型；

表格列调整模块，用于根据所述表格列调整类型，调整所述初始表格列；

目标表格列生成模块，用于根据调整后的初始表格列，生成目标表格列。

可选地，所述操作事件包括在指定位置的鼠标双击事件，所述调整类型确定模块包括：

第一操作事件监听单元，用于监听针对所述初始表格列的操作事件；

第一调整类型确定单元，用于当监听到在指定位置的鼠标双击事件时，确定所述表格列调整类型为表格列部分显示。

可选地，所述表格列调整模块包括：

功能列表生成单元，用于生成所述初始表格列的功能列表；其中，所述功能列表包括勾选框，每个所述勾选框对应初始表格列的一列；

初始表格列调整单元，用于根据所述勾选框的勾选状态，调整所述勾选框对应的初始表格列。

可选地，所述初始表格列调整单元包括：

勾选状态检测子单元，用于检测所述勾选框的勾选状态；

初始表格列显示子单元，用于若所述勾选框的勾选状态为已勾选，则显示所述勾选框对应的初始表格列；

初始表格列隐藏子单元，用于若所述勾选框的勾选状态为未勾选，则隐藏所述勾选框对应的初始表格列。

可选地，所述操作事件还包括鼠标按下事件，所述初始表格列包括表格边框和边框内容，所述调整类型确定模块包括：

第二操作事件监听单元，用于监听针对所述初始表格列的操作事件；

初始位置检测单元，用于当监听到鼠标按下事件时，检测所述鼠标按下事件的初始位置；

第二调整类型确定单元，用于若所述鼠标按下事件的初始位置在所述表格边框与边框内容之间，则确定所述表格列调整类型为表格列顺序调整；

第三调整类型确定单元，用于若所述鼠标按下事件的初始位置在所述表格边框之外，则确定所述表格列调整类型为表格列宽调整；

其中，所述操作事件还包括鼠标松开事件。

可选地，当所述表格列调整类型为表格列顺序调整时，所述表格列调整模块包括：

第一最终位置确定单元，用于确定发生所述鼠标松开事件的第一最终位置；

移动参数确定单元，用于根据所述鼠标按下事件的初始位置与所述鼠标松开事件的第一最终位置，确定所述初始表格列的移动方向和移动列数；

初始表格列移动单元，用于根据所述初始表格列的移动方向和移动列数，移动所述初始表格列。

可选地，当所述表格列调整类型为表格列宽调整时，所述表格列调整模块包括：

第二最终位置确定单元，用于确定发生所述鼠标松开事件的第二最终位置；

列宽确定单元，用于根据所述鼠标按下事件的初始位置与所述鼠标松开事件的第二最终位置，确定所述初始表格列的列宽调整距离；

列宽调整单元，用于根据所述初始表格列的列宽调整距离，调整所述初始表格列的列宽。

可选地，所述目标表格列生成模块包括：

顺序计算单元，用于计算所述调整后的初始表格列的顺序；

表格列生成单元，用于执行画面渲染过程，生成目标表格列。

可选地，所述HTML标签还包括可扩展HTML标签，所述可扩展HTML标签包括可编程的容器化组件。

本发明实施例包括以下优点：

在本发明实施例中，通过接收用户对浏览器表格列的调整指令，调用预先设置的HTML标签中的容器化组件，通过容器化组件读取浏览器表格列并在容器化组件中生成初始表格列；监听用户针对初始化表格列的操作事件，确定操作事件对应的表格列调整类型并执行相应的调整，生成目标表格列，以提供集多种不同功能的容器化组件于一身的表格装置，增加浏览器表格列的调整灵活性。

附图说明

图1是现有技术中的一种表格列查看方式的实际效果图；

图2是现有技术中的另一种表格列查看方式的实际效果图；

图3是本发明的一种浏览器表格列的调整方法实施例的步骤流程图；

图4是本发明的一种浏览器表格列的调整方法的可选实施例的步骤流程图；

图5是本发明的一种浏览器表格列的调整方法的可选实施例的实际操作效果图；

图6是本发明的一种浏览器表格列的调整方法的另一实施例的步骤流程图；

图7是本发明的一种浏览器表格列的调整方法的操作事件反馈的步骤流程图；

图8是本发明的一种浏览器表格列的调整方法的另一实施例的实际操作效果图；

图9是本发明的一种浏览器表格列的调整装置实施例的结构框图。

具体实施方式

为使本发明的上述目的、特征和优点能够更加明显易懂，下面结合附图和具体实施方式对本发明作进一步详细的说明。

参照图3，示出了本发明的一种浏览器表格列的调整方法实施例的步骤流程图，具体可以包括如下步骤：

步骤301，接收用户对浏览器表格列的调整指令。

步骤302，根据所述调整指令调用预先设置的HTML标签。

在本发明实施例中，可以在浏览器中预先设置HTML标签，所述HTML标签可以包括容器化组件。在接收用户对浏览器表格列的调整指令后，可以根据上述调整指令调用HTML标签对应的容器化组件，以便于对浏览器表格列执行不同的调整指令。

超文本标记语言(HyperText Markup Language，HTML)标签指的是通过标记符号来标记要显示的网页中的各个部分的标签，通过标签将网络上的文档格式统一，是分散的网络资源连接为一个逻辑整体，告知浏览器如何显示其中的内容。

容器化组件指的是在单个操作系统上，应用程序虚拟化的用户空间实例。

步骤303，通过所述容器化组件读取所述浏览器表格列，生成初始表格列。

在本发明实施例中，由于浏览器的安全限制，无法在浏览器页面进行个性化的文件读写。因此，可以通过调用容器化组件读取上述浏览器表格列，在容器化组件中生成初始表格列，以便用户在容器化组件中进行表格列的调整。

步骤304，监听针对所述初始表格列的操作事件，确定所述操作事件对应的表格列调整类型。

在本发明实施例中，可以通过容器化组件监听针对初始表格列的操作事件，如表格列拖拽、表格列部分显示等，以确定操作事件对应的表格列调整类型。

步骤305，根据所述表格列调整类型，调整所述初始表格列。

在本发明实施例中，在确定表格列调整类型后，可以将初始表格列输送到与表格列调整类型相对应的容器化组件，经对应的容器化组件进行初始表格列的调整。

步骤306，根据调整后的初始表格列，生成目标表格列。

在本发明实施例中，当容器化组件对初始表格列调整完成后，可以对调整完成后的初始表格列进行网页渲染等操作，生成目标表格列以替换网页上的原始浏览器表格列。

在本发明实施例中，通过接收用户对浏览器表格列的调整指令，调用预先设置的HTML标签中的容器化组件，通过容器化组件读取浏览器表格列并在容器化组件中生成初始表格列；监听用户针对初始化表格列的操作事件，确定操作事件对应的表格列调整类型并执行相应的调整，生成目标表格列，以提供集多种不同功能的容器化组件于一身的表格装置，增加浏览器表格列的调整灵活性。

参照图4，示出了本发明的一种浏览器表格列的调整方法的可选实施例的步骤流程图和操作流程图，具体可以包括如下步骤：

步骤401，接收用户对浏览器表格列的调整指令。

步骤402，根据所述调整指令调用预先设置的HTML标签。

步骤403，通过所述容器化组件读取所述浏览器表格列，生成初始表格列。

所述步骤401-403与步骤301-303类似，在此不再赘述。

可选地，所述HTML标签还可以包括对应容器化组件的头文件，根据调整指令调用预先设置的HTML标签中的头文件，通过头文件进一步调用相应的容器化组件读取浏览器表格列，生成初始表格列。

步骤404，监听针对所述初始表格列的操作事件。

在本发明实施例中，所述操作事件包括在指定位置的鼠标双击事件，可以通过定时器不断轮询鼠标的状态，例如：设置的40ms正好为浏览器刷新周期，60hz的频率所对应的间隔，不断的来判断当前鼠标的位置以及状态，进而实现对初始表格列的操作事件的监听。

步骤405，当监听到在指定位置的鼠标双击事件时，确定所述表格列调整类型为表格列部分显示。

在本发明实施例中，通过定时器不断轮询鼠标的状态，当鼠标的位置与指定位置重叠且发生鼠标双击事件时，判定操作事件为在指定位置的鼠标双击事件，可以确定所述表格列调整类型为表格列部分显示。

可选地，还可以通过定时器不断轮询鼠标的状态，若鼠标的位置与指定位置重叠超过一定时间如2秒，也可以确定所述表格列调整类型为表格列部分显示。

步骤406，生成所述初始表格列的功能列表。

步骤407，根据所述勾选框的勾选状态，调整所述勾选框对应的初始表格列。

参照图5，示出了本发明的一种浏览器表格列的调整方法的可选实施例的实际操作效果图。在本发明实施例中，所述功能列表包括勾选框，所述初始化表格列包括多个列，每个所述勾选框对应初始表格列的一列。通过对应的容器化组件生成初始表格列的功能列表，根据功能列表中的勾选框的勾选状态，以调整勾选框对应的初始表格列，从而达到初始表格列的显示或隐藏的目的。

可选地，步骤407可以包括以下子步骤4071-4073：

子步骤4071，检测所述勾选框的勾选状态。

子步骤4072，若所述勾选框的勾选状态为已勾选，则显示所述勾选框对应的初始表格列。

子步骤4073，若所述勾选框的勾选状态为未勾选，则隐藏所述勾选框对应的初始表格列。

在本发明实施例中，为便于用户可以选择性地查看所需要的初始表格列，可以通过容器化组件检测所述勾选框的勾选状态，根据勾选状态对初始表格列的显示状态进行调整；若勾选框被勾选，则显示勾选框对应的初始表格列，若勾选框未被勾选，则隐藏勾选框对应的初始表格列。

步骤408，计算所述调整后的初始表格列的顺序。

步骤409，执行画面渲染过程，生成目标表格列。

在本发明实施例中，为了能够在浏览器上显示调整后的目标表格列，在计算调整后的初始表格列的显示顺序后，还需要执行网页的画面渲染过程，以生成在浏览器上显示的目标表格列。

其中，画面渲染过程可以由另一容器化组件完成，本发明实施例在此不做限制。

可选地，所述HTML标签还包括可扩展HTML标签，所述可扩展HTML标签包括可编程的容器化组件。

在本发明实施例中，所述HTML标签还可以包括可扩展HTML标签，例如可以在浏览器中开辟多个栈，指向相对应的堆内存，其中，栈为所述可扩展HTML标签的指针。堆内存中存放了表格需要的共享数据，包括定义的列信息、数据信息、以及功能配置项数据，使可扩展HTML标签在初始化表格过程中识别需要开放的功能接口。在用户需要为表格新增一种功能时，通过添加新增功能的文件路径，并将新增功能的HTML标签写入到可扩展HTML标签中。

在本发明实施例中，通过接收用户对浏览器表格列的调整指令，调用预先设置的HTML标签中的容器化组件，通过容器化组件读取浏览器表格列并在容器化组件中生成初始表格列；当监听到在指定位置的鼠标双击事件时，确定表格列调整类型为表格列部分显示并生成对应初始表格列的功能列表，通过检测功能列表中的勾选框的勾选状态，调整勾选框对应的初始表格列为显示状态或隐藏状态，最后对调整后的初始化表格列计算显示顺序和执行画面渲染过程，生成目标表格列显示在浏览器页面上；同时还提供了可扩展HTML标签以供用户自定义新的表格调整功能。从而实现了对浏览器表格列的部分显示，同时提供可扩展HTML标签对可编程的容器化组件进行编程，进一步增加了容器化组件的兼容性，能够根据用户需求配置对应的功能。

参照图6，示出了本发明的一种浏览器表格列的调整方法的另一实施例的步骤流程图，具体可以包括如下步骤：

步骤601，接收用户对浏览器表格列的调整指令。

步骤602，根据所述调整指令调用预先设置的HTML标签。

步骤603，通过所述容器化组件读取所述浏览器表格列，生成初始表格列。

步骤604，监听针对所述初始表格列的操作事件。

在本发明实施例中，步骤601-604与步骤401-404类似，在此不再赘述。

步骤605，当监听到发生鼠标按下事件时，检测所述鼠标按下事件的初始位置。

参照图7，示出了本发明的一种浏览器表格列的调整方法的操作事件反馈的步骤流程图。在本发明实施例中，当容器化组件监听到在初始表格列中发生鼠标按下事件时，可以检测发生鼠标按下事件的初始位置。例如通过容器化组件先判断当前的鼠标按下事件是否为有效的拖动事件，例如在当前页面建立x-y坐标系，若是当前鼠标位置变化的y坐标大于零，或是初始位置的x坐标与鼠标松开时的位置的x坐标相同，则判断为无效拖动事件；若判断为有效拖动事件，则可以进一步通过x-y坐标系检测鼠标按下事件的坐标。

可选地，当判断当前操作事件为有效拖动事件时，则可以在鼠标拖动的过程中增加不同的鼠标样式，以给予用户操作反馈。

可选地，可以通过定时器不断轮询鼠标的状态，当发现鼠标按下事件一直在持续且鼠标位置在不断变化，可以将当前发生的鼠标按下事件判定为表格列拖扯事件，其中，表格列拖扯事件包括表格列顺序调整或表格列宽调整，所述操作事件还包括鼠标按下事件和鼠标松开事件。

步骤606，若所述鼠标按下事件的初始位置在所述表格边框与边框内容之间，则确定所述表格列调整类型为表格列顺序调整。

在本发明实施例中，可以通过容器化组件检测当前鼠标按下事件的坐标，当鼠标按下事件的坐标位于在表格框与边框内容之间时，则可以确定表格列调整类型为表格列顺序调整；其中，边框内容包括表格列所包含的数据。

可选地，上述步骤305中根据所述表格列调整类型，调整所述初始表格列的步骤，可以包括以下步骤607-609：。

步骤607，确定发生所述鼠标松开事件的第一最终位置。

在本发明实施例中，容器化组件可以通过检测鼠标松开事件发生时的像素坐标，以确定鼠标松开事件的第一最终位置。

步骤608，根据所述鼠标按下事件的初始位置与所述鼠标松开事件的第一最终位置，确定所述初始表格列的移动方向和移动列数；

步骤609，根据所述初始表格列的移动方向和移动列数，移动所述初始表格列。

在本发明实施例中，容器化组件可以根据鼠标按下事件的初始位置与鼠标松开事件的第一最终位置，以此确定初始表格列的移动方向和移动列数，例如可以通过确定鼠标按下事件的初始位置的第一像素坐标值，和鼠标松开事件的第一最终位置的第二像素坐标值，计算上述第一和第二像素坐标值之差A，若所述像素坐标值之差A大于零，则容器化组件控制初始表格列往左移动A列；若所述像素坐标值之差小于零，则容器化组件控制初始表格列往右移动A列。

参照图8，示出了本发明一种浏览器表格列的调整方法的另一实施例的实际操作效果图，容器组件还可以直接根据鼠标按下事件的初始位置坐标确定初始表格列，将所述初始表格列直接移动到鼠标松开事件的第一最终位置，重新创建初始表格列。

步骤610，若所述鼠标按下事件的初始位置在所述表格边框之外，则确定所述表格列调整类型为表格列宽调整。

在本发明实施例中，可以通过容器化组件检测当前鼠标按下事件的坐标，当鼠标按下事件的坐标位于在表格框与边框内容之外时，则可以确定表格列调整类型为表格列宽调整。

可选地，上述步骤305中根据所述表格列调整类型，调整所述初始表格列的步骤，还可以包括以下步骤611-613：

步骤611，确定发生所述鼠标松开事件的第二最终位置。

在本发明实施例中，容器化组件可以通过检测鼠标松开事件发生时的像素坐标，以确定鼠标松开事件的第二最终位置。

步骤612，根据所述鼠标按下事件的初始位置与所述鼠标松开事件的第二最终位置，确定所述初始表格列的列宽调整距离。

步骤613，根据所述初始表格列的列宽调整距离，调整所述初始表格列的列宽。

在本发明实施例中，容器化组件可以根据鼠标按下事件的初始位置与鼠标松开事件的第二最终位置，以此确定初始表格列的列宽调整距离，例如可以通过确定鼠标按下事件的初始位置的第三像素坐标值，和鼠标松开事件的第二最终位置的第四像素坐标值，计算上述第三和第四像素坐标值之差B，若所述像素坐标值之差B大于零，则容器化组件控制初始表格列的边框往左扩展B个坐标单位；若所述像素坐标值之差小于零，则容器化组件控制初始表格列的边框往右扩展B个坐标单位。

步骤614，根据调整后的初始表格列，生成目标表格列。

在本发明实施例中，步骤614与步骤306类似，在此不再赘述。

可选地，所述HTML标签还包括可扩展HTML标签，所述可扩展HTML标签包括可编程的容器化组件。

在本发明实施例中，通过接收用户对浏览器表格列的调整指令，调用预先设置的HTML标签中的容器化组件，通过容器化组件读取浏览器表格列并在容器化组件中生成初始表格列；当监听到鼠标按下事件时，检测鼠标按下事件的初始位置是否在表格框中，若是则确定表格列调整类型为表格列顺序调整，进而将初始表格列调整到鼠标松开事件的第一最终位置；若不是则确定表格列调整类型为表格列宽调整，进而将初始表格列的列宽调整到鼠标松开事件的第二最终位置；根据调整后的初始表格列，生成目标表格列显示在浏览器页面上；同时还提供了可扩展HTML标签供用户编程，以兼容新的表格调整功能。从而实现了对浏览器表格列的顺序调整和列宽调整，增加浏览器表格列的调整灵活性，同时提供可扩展HTML标签对可编程的容器化组件进行编程，进一步增加了容器化组件的兼容性，能够根据用户需求配置对应的功能。

需要说明的是，对于方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本发明实施例并不受所描述的动作顺序的限制，因为依据本发明实施例，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作并不一定是本发明实施例所必须的。

参照图9，示出了本发明的一种浏览器表格列的调整装置实施例的结构框图，具体可以包括如下模块：

调整指令接收模块901，用于接收用户对浏览器表格列的调整指令；

HTML标签调用模块902，用于根据所述调整指令调用预先设置的HTML标签；其中，所述HTML标签包括容器化组件；

初始表格列生成模块903，用于通过所述容器化组件读取所述浏览器表格列，生成初始表格列；

调整类型确定模块904，用于监听针对所述初始表格列的操作事件，确定所述操作事件对应的表格列调整类型；

表格列调整模块905，用于根据所述表格列调整类型，调整所述初始表格列；

目标表格列生成模块906，用于根据调整后的初始表格列，生成目标表格列。

可选地，所述操作事件包括在指定位置的鼠标双击事件，所述调整类型确定模块904包括：

第一操作事件监听单元，用于监听针对所述初始表格列的操作事件；

第一调整类型确定单元，用于当监听到在指定位置的鼠标双击事件时，确定所述表格列调整类型为表格列部分显示。

可选地，所述表格列调整模块905包括：

功能列表生成单元，用于生成所述初始表格列的功能列表；其中，所述功能列表包括勾选框，每个所述勾选框对应初始表格列的一列；

初始表格列调整单元，用于根据所述勾选框的勾选状态，调整所述勾选框对应的初始表格列。

可选地，所述初始表格列调整单元包括：

勾选状态检测子单元，用于检测所述勾选框的勾选状态；

初始表格列显示子单元，用于若所述勾选框的勾选状态为已勾选，则显示所述勾选框对应的初始表格列；

初始表格列隐藏子单元，用于若所述勾选框的勾选状态为未勾选，则隐藏所述勾选框对应的初始表格列。

可选地，所述操作事件还包括鼠标按下事件，所述初始表格列包括表格边框和边框内容，所述调整类型确定模块904包括：

第二操作事件监听单元，用于监听针对所述初始表格列的操作事件；

初始位置检测单元，用于当监听到鼠标按下事件时，检测所述鼠标按下事件的初始位置；

第二调整类型确定单元，用于若所述鼠标按下事件的初始位置在所述表格边框与边框内容之间，则确定所述表格列调整类型为表格列顺序调整；

第三调整类型确定单元，用于若所述鼠标按下事件的初始位置在所述表格边框之外，则确定所述表格列调整类型为表格列宽调整；

其中，所述操作事件还包括鼠标松开事件。

可选地，当所述表格列调整类型为表格列顺序调整时，所述表格列调整模块905包括：

第一最终位置确定单元，用于确定发生所述鼠标松开事件的第一最终位置；

移动参数确定单元，用于根据所述鼠标按下事件的初始位置与所述鼠标松开事件的第一最终位置，确定所述初始表格列的移动方向和移动列数；

初始表格列移动单元，用于根据所述初始表格列的移动方向和移动列数，移动所述初始表格列。

可选地，当所述表格列调整类型为表格列宽调整时，所述表格列调整模块905包括：

第二最终位置确定单元，用于确定发生所述鼠标松开事件的第二最终位置；

列宽确定单元，用于根据所述鼠标按下事件的初始位置与所述鼠标松开事件的第二最终位置，确定所述初始表格列的列宽调整距离；

列宽调整单元，用于根据所述初始表格列的列宽调整距离，调整所述初始表格列的列宽。

可选地，所述目标表格列生成模块906包括：

顺序计算单元，用于计算所述调整后的初始表格列的顺序；

表格列生成单元，用于执行画面渲染过程，生成目标表格列。

可选地，所述HTML标签还包括可扩展HTML标签，所述可扩展HTML标签包括可编程的容器化组件。

在本发明实施例中，通过接收用户对浏览器表格列的调整指令，调用预先设置的HTML标签中的容器化组件，通过容器化组件读取浏览器表格列并在容器化组件中生成初始表格列；当监听到在指定位置的鼠标双击事件时，确定表格列调整类型为表格列部分显示并生成对应初始表格列的功能列表，通过检测功能列表中的勾选框的勾选状态，调整勾选框对应的初始表格列为显示状态或隐藏状态，最后对调整后的初始化表格列计算显示顺序和执行画面渲染过程，生成目标表格列显示在浏览器页面上；当监听到鼠标按下事件时，检测鼠标按下事件的初始位置是否在表格框中，若是则确定表格列调整类型为表格列顺序调整，进而将初始表格列调整到鼠标松开事件的第一最终位置；若不是则确定表格列调整类型为表格列宽调整，进而将初始表格列的列宽调整到鼠标松开事件的第二最终位置；根据调整后的初始表格列，生成目标表格列显示在浏览器页面上；同时还提供了可扩展HTML标签供用户编程，以兼容新的表格调整功能。从而实现了对浏览器表格列的顺序调整和列宽调整，增加浏览器表格列的调整灵活性，同时提供可扩展HTML标签对可编程的容器化组件进行编程，进一步增加了容器化组件的兼容性，能够根据用户需求配置对应的功能。

对于装置实施例而言，由于其与方法实施例基本相似，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

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

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

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

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

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

尽管已描述了本发明实施例的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例做出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本发明实施例范围的所有变更和修改。

最后，还需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者终端设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者终端设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者终端设备中还存在另外的相同要素。

以上对本发明所提供的一种浏览器表格列的调整方法和装置，进行了详细介绍，本文中应用了具体个例对本发明的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本发明的方法及其核心思想；同时，对于本领域的一般技术人员，依据本发明的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本发明的限制。

Claims (18)

1.一种浏览器表格列的调整方法，其特征在于，包括：

接收用户对浏览器表格列的调整指令；

根据所述调整指令调用预先设置的HTML标签；其中，所述HTML标签包括容器化组件；

通过所述容器化组件读取所述浏览器表格列，生成初始表格列；

监听针对所述初始表格列的操作事件，确定所述操作事件对应的表格列调整类型；

根据所述表格列调整类型，调整所述初始表格列；

根据调整后的初始表格列，生成目标表格列。

2.根据权利要求1所述的方法，其特征在于，所述操作事件包括在指定位置的鼠标双击事件，所述监听针对所述初始表格列的操作事件，确定所述操作事件对应的表格列调整类型的步骤，包括：

监听针对所述初始表格列的操作事件；

当监听到在指定位置的鼠标双击事件时，确定所述表格列调整类型为表格列部分显示。

3.根据权利要求2所述的方法，其特征在于，所述根据所述表格列调整类型，调整所述初始表格列的步骤，包括：

生成所述初始表格列的功能列表；其中，所述功能列表包括勾选框，每个所述勾选框对应初始表格列的一列；

根据所述勾选框的勾选状态，调整所述勾选框对应的初始表格列。

4.根据权利要求3所述的方法，其特征在于，所述根据所述勾选框的勾选状态，调整所述勾选框对应的初始表格列的步骤，包括：

检测所述勾选框的勾选状态；

若所述勾选框的勾选状态为已勾选，则显示所述勾选框对应的初始表格列；

若所述勾选框的勾选状态为未勾选，则隐藏所述勾选框对应的初始表格列。

5.根据权利要求1所述的方法，其特征在于，所述操作事件还包括鼠标按下事件，所述初始表格列包括表格边框和边框内容，所述监听针对所述初始表格列的操作事件，确定所述操作事件对应的表格列调整类型的步骤，包括：

监听针对所述初始表格列的操作事件；

当监听到鼠标按下事件时，检测所述鼠标按下事件的初始位置；

若所述鼠标按下事件的初始位置在所述表格边框与边框内容之间，则确定所述表格列调整类型为表格列顺序调整；

若所述鼠标按下事件的初始位置在所述表格边框之外，则确定所述表格列调整类型为表格列宽调整；

其中，所述操作事件还包括鼠标松开事件。

6.根据权利要求5所述的方法，其特征在于，当所述表格列调整类型为表格列顺序调整时，所述根据所述表格列调整类型，调整所述初始表格列的步骤，包括：

确定发生所述鼠标松开事件的第一最终位置；

根据所述鼠标按下事件的初始位置与所述鼠标松开事件的第一最终位置，确定所述初始表格列的移动方向和移动列数；

根据所述初始表格列的移动方向和移动列数，移动所述初始表格列。

7.根据权利要求5所述的方法，其特征在于，当所述表格列调整类型为表格列宽调整时，所述根据所述表格列调整类型，调整所述初始表格列的步骤，包括：

确定发生所述鼠标松开事件的第二最终位置；

根据所述鼠标按下事件的初始位置与所述鼠标松开事件的第二最终位置，确定所述初始表格列的列宽调整距离；

根据所述初始表格列的列宽调整距离，调整所述初始表格列的列宽。

8.根据权利要求1所述的方法，其特征在于，所述根据调整后的初始表格列，生成目标表格列的步骤，包括：

计算所述调整后的初始表格列的顺序；

执行画面渲染过程，生成目标表格列。

9.根据权利要求1所述的方法，其特征在于，所述HTML标签还包括可扩展HTML标签，所述可扩展HTML标签包括可编程的容器化组件。

10.一种浏览器表格列的调整装置，其特征在于，包括：

调整指令接收模块，用于接收用户对浏览器表格列的调整指令；

HTML标签调用模块，用于根据所述调整指令调用预先设置的HTML标签；其中，所述HTML标签包括容器化组件；

初始表格列生成模块，用于通过所述容器化组件读取所述浏览器表格列，生成初始表格列；

调整类型确定模块，用于监听针对所述初始表格列的操作事件，确定所述操作事件对应的表格列调整类型；

表格列调整模块，用于根据所述表格列调整类型，调整所述初始表格列；

目标表格列生成模块，用于根据调整后的初始表格列，生成目标表格列。

11.根据权利要求10所述的装置，其特征在于，所述操作事件包括在指定位置的鼠标双击事件，所述调整类型确定模块包括：

第一操作事件监听单元，用于监听针对所述初始表格列的操作事件；

第一调整类型确定单元，用于当监听到在指定位置的鼠标双击事件时，确定所述表格列调整类型为表格列部分显示。

12.根据权利要求11所述的装置，其特征在于，所述表格列调整模块包括：

功能列表生成单元，用于生成所述初始表格列的功能列表；其中，所述功能列表包括勾选框，每个所述勾选框对应初始表格列的一列；

初始表格列调整单元，用于根据所述勾选框的勾选状态，调整所述勾选框对应的初始表格列。

13.根据权利要求12所述的装置，其特征在于，所述初始表格列调整单元包括：

勾选状态检测子单元，用于检测所述勾选框的勾选状态；

初始表格列显示子单元，用于若所述勾选框的勾选状态为已勾选，则显示所述勾选框对应的初始表格列；

初始表格列隐藏子单元，用于若所述勾选框的勾选状态为未勾选，则隐藏所述勾选框对应的初始表格列。

14.根据权利要求10所述的装置，其特征在于，所述操作事件还包括鼠标按下事件，所述初始表格列包括表格边框和边框内容，所述调整类型确定模块包括：

第二操作事件监听单元，用于监听针对所述初始表格列的操作事件；

初始位置检测单元，用于当监听到鼠标按下事件时，检测所述鼠标按下事件的初始位置；

第二调整类型确定单元，用于若所述鼠标按下事件的初始位置在所述表格边框与边框内容之间，则确定所述表格列调整类型为表格列顺序调整；

第三调整类型确定单元，用于若所述鼠标按下事件的初始位置在所述表格边框之外，则确定所述表格列调整类型为表格列宽调整；

其中，所述操作事件还包括鼠标松开事件。

15.根据权利要求14所述的装置，其特征在于，当所述表格列调整类型为表格列顺序调整时，所述表格列调整模块包括：

第一最终位置确定单元，用于确定发生所述鼠标松开事件的第一最终位置；

移动参数确定单元，用于根据所述鼠标按下事件的初始位置与所述鼠标松开事件的第一最终位置，确定所述初始表格列的移动方向和移动列数；

初始表格列移动单元，用于根据所述初始表格列的移动方向和移动列数，移动所述初始表格列。

16.根据权利要求14所述的装置，其特征在于，当所述表格列调整类型为表格列宽调整时，所述表格列调整模块包括：

第二最终位置确定单元，用于确定发生所述鼠标松开事件的第二最终位置；

列宽确定单元，用于根据所述鼠标按下事件的初始位置与所述鼠标松开事件的第二最终位置，确定所述初始表格列的列宽调整距离；

列宽调整单元，用于根据所述初始表格列的列宽调整距离，调整所述初始表格列的列宽。

17.根据权利要求10所述的装置，其特征在于，所述目标表格列生成模块包括：

顺序计算单元，用于计算所述调整后的初始表格列的顺序；

表格列生成单元，用于执行画面渲染过程，生成目标表格列。

18.根据权利要求10所述的装置，其特征在于，所述HTML标签还包括可扩展HTML标签，所述可扩展HTML标签包括可编程的容器化组件。