网页电子表格中子表格边框显示方法技术

本发明专利技术提出了网页电子表格中子表格边框显示方法，该方法包括以下步骤：S1.确定目标子表格；S2.将目标子表格中单元格信息标记或存储；S3.根据单元格信息，确定要添加边框的目标边框；S4.选择或设置目标边框样式；S5.响应边框样式操作事件，显示目标边框，即目标子表格边框。本发明专利技术方法灵活，易于实现，克服了html技术现有标签在目标子表格相邻单元格有合并时可能出现表格边框显示多出的缺陷，快速确定目标子表格中各个单元格要显示的边框，对目标子表格相邻单元格有无合并的情况都可以实现正确显示边框；另外单元格边框之间无空隙，显示清晰。

【技术实现步骤摘要】

本专利技术涉及网页电子表格，特别涉及网页电子表格中子表格边框显示方法。
技术介绍
电子表格是由一个或一个以上的行和一个或一个以上的列所构成。其中任意行与任意列相互交叉构成电子表格的一个个单元格。网页电子表格的出现，为用户在线办公提供了可能，用户通过网络浏览器，可以随时随地访问并编辑电子表格。利用html技术现有标签实现网页电子表格的方式为：先对整个电子表格进行边框初始化，确定目标子表格，对所选表格添加边框。在目标子表格周边不存在合并单元格的情况下，这种方式不会有任何问题，但是如果目标子表格周边存在合并单元的情况，极有可能出现边框显示不正确的情况，如图1所示，紧邻目标子表格的顶部有单元格合并，且列号大于目标子表格的列号，在对目标子表格添加边框时，顶部边框显示就多出一条线；另外在添加边框时，如果和相邻边框的距离过大，则会出现双重边框的情况，影响用户体验。
技术实现思路
针对html技术现有标签在实现网页电子表格方面存在的问题，本专利技术提出了网页电子表格中子表格边框显示方法，确定要加边框的目标子表格，将目标子表格中单元格信息标记或存储，然后根据存储信息对目标边框添加样式。为实现上述
技术实现思路
，将电子表格边框初始化，初始化后显示出具有行和列的整个电子表格，预览时电子表格边框不显示。本专利技术采用了如下技术方案：S1.确定目标子表格；S2.将目标子表格中单元格信息标记或存储；S3.根据单元格信息，确定要添加边框的目标边框；S4.选择或设置目标边框样式；S5.响应边框样式操作事件，显示目标边框，即目标子表格边框。进一步，所述单元格信息主要指单元格的位置信息和单元格合并信息。进一步，步骤S3中对于多行多列形式子表格的目标边框确定方法为：如果是子表格首行，则选定第一个单元格的左侧边框、顶部边框，该行中间其他单元格的顶部边框，以及最后一个单元格的顶部边框、右侧边框；如果是子表格中间行，则选定第一个单元格的左侧边框和最后一个单元格的右侧边框；如果是子表格最后一行，则选定第一个单元格左侧边框、底部边框，该行中间其他单元格的底部边框，以及最后一个单元格的底部边框、右侧边框。进一步，步骤S3中对于一行多列形式子表格的目标边框确定方法为：如果是该行第一个单元格，则选定左侧边框、顶部边框、底部边框；如果是该行中间单元格，则选定顶部边框、底部边框；如果是该行最后一个单元格，则选定顶部边框、右侧边框、底部边框。进一步，步骤S3中对于多行一列形式子表格的目标边框确定方法为：如果是该列第一行单元格，则选定左侧边框、顶部边框、右侧边框；如果是该列中间单元格，则选定左侧边框、右侧边框；如果是该列最后一行单元格，则选定左侧边框、底部边框、右侧边框。进一步，步骤S3中对于单个单元格形式子表格的目标边框确定方法为：选定该单元格的左侧边框、右侧边框、顶部边框、底部边框。进一步，目标子表格中单元格的cellspacing标签属性值为0。目标子表格与外面相邻单元格边框显示重合情况下仍有清晰的视觉效果。进一步，所述目标边框的边框显示样式为至少一种。进一步，所述步骤2中单元格信息的存储方式主要采用二维数组，另外，也可以采用字符串方式存储，还可以采用文件的方式存储。本专利技术方法灵活，易于实现，克服了html技术现有标签在目标子表格相邻单元格有合并时可能出现表格边框显示多出的缺陷，快速确定目标子表格中各个单元格要显示的边框，对目标子表格相邻单元格有无合并的情况都可以实现正确显示边框；另外单元格边框之间无空隙，显示清晰。附图说明图1为Html现有标签制成表格的显示效果示意图；图2为本专利技术所提供的网页电子表格中子表格边框显示方法的流程图；图3为本专利技术所提供的网页电子表格中子表格边框显示方法的实施例一的流程图；图4为本专利技术所提供的网页电子表格中子表格边框显示方法的实施例二的流程图；图5为本专利技术所提供的多行多列形式子表格的目标边框确定方法的效果图；图6为本专利技术所提供的一行多列形式子表格的目标边框确定方法的效果图；图7为本专利技术所提供的多行一列形式子表格的目标边框确定方法的效果图。具体实施方式为了使本专利技术所提到的网页电子表格中子表格边框显示方法及其优点更加清楚明确，以下参照附图对本专利技术进行更进一步的详细说明。图2为本专利技术所提供的网页电子表格中子表格边框显示方法的流程图，如图所示，该方法包括以下步骤：步骤S1，确定目标子表格。用户根据需求，确定要使用的电子表格区域，本专利技术中称此区域为目标子表格，其中，目标子表的形式可以是多行多列、一行多列、多行一列、单个单元格。步骤S2，将目标子表格中单元格信息标记或存储。事先定义可以记录单元格信息的标记，或者定义存放单元格信息的数组，或者可以存放单元格信息的字符串或文件。单元格信息主要包括单元格位于目标子表格的哪行哪列的位置信息和单元格是否存在合并的合并信息。步骤S3，根据单元格信息，确定要添加边框的目标边框。根据步骤S2中的单元格位置信息和合并信息，确定所有目标边框。步骤S4，选择或设置目标边框样式。目标子表格的边框样式可以是事先设计好供用户选择，也可以是用户根据自己的使用需求自己设置。步骤S5，响应边框样式操作事件，显示目标边框，即目标子表格边框。响应用户的边框样式操作的鼠标和/或键盘事件，或者其他触摸工具的操作事件，在网页电子表格中显示出目标子表格的边框。进一步，为使得显示效果更优，单元格之间的空白设置为0，即在table标签中预先设定cellspacing标签的属性值，“cellspacing＝0”。实施例一：图3为本专利技术所提供的网页电子表格中子表格边框显示方法的实施例一的流程图，如图所示，该方法包括以下步骤：步骤301，确定目标子表格。用户根据需求，确定要使用的电子表格区域，本专利技术中称此区域为目标子表格，其中，目标子表的形式可以是多行多列、一行多列、多行一列、单个单元格。步骤302，将目标子表格中单元格信息按顺序读入数组A。定义数组A存放单元格的信息，主要包括单元格在目标子表格中的位置和单元格合并的信息，接着按照相应的顺序读入数组A。步骤303，调用数组A，根据单元格信息，确定要添加边框的目标边框。调用数组A，循环数组，获取单元格的信息，根据单元格的行列值及合并情况确定相应的目标边框，目标边框组成目标子表格的边框。步骤304，选择目标边框样式。在目标边框样式种类较多的情况下，用鼠标或键盘或其他方式选择目标边框本文档来自技高网...

【技术保护点】
网页电子表格中子表格边框显示方法，将电子表格边框初始化，其特征在于，该方法包括以下步骤：S1.确定目标子表格；S2.将目标子表格中单元格信息标记或存储；S3.根据单元格信息，确定要添加边框的目标边框；S4.选择或设置目标边框样式；S5.响应边框样式操作事件，显示目标边框，即目标子表格边框。

【技术特征摘要】
1.网页电子表格中子表格边框显示方法，将电子表格边框初始化，其特征在于，该方法
包括以下步骤：
S1.确定目标子表格；
S2.将目标子表格中单元格信息标记或存储；
S3.根据单元格信息，确定要添加边框的目标边框；
S4.选择或设置目标边框样式；
S5.响应边框样式操作事件，显示目标边框，即目标子表格边框。
2.如权利要求1所述的方法，其特征在于，所述单元格信息主要指单元格的位置信息和
单元格合并信息。
3.如权利要求1所述的方法，其特征在于，所述步骤S3中对于多行多列形式子表格的目
标边框确定方法为：
如果是子表格首行，则选定第一个单元格的左侧边框、顶部边框，该行中间其他单元格
的顶部边框，以及最后一个单元格的顶部边框、右侧边框；
如果是子表格中间行，则选定第一个单元格的左侧边框和最后一个单元格的右侧边框；
如果是子表格最后一行，则选定第一个单元格左侧边框、底部边框，该行中间其他单元
格的底部边框，以及最后一个单元格的底部边框、右侧边框。
4.如权利要求1所述的方法，其特征在于，所述步骤S3中对于一行多列形式子表格的目

【专利技术属性】
技术研发人员：牟春林，
申请(专利权)人：苏州精易会信息技术有限公司，
类型：发明
国别省市：江苏;32