网页电子表格中子表格边框显示方法【专利摘要】本发明提出了网页电子表格中子表格边框显示方法，该方法包括以下步骤：S1.确定目标子表格；S2.将目标子表格中单元格信息标记或存储；S3.根据单元格信息，确定要添加边框的目标边框；S4.选择或设置目标边框样式；S5.响应边框样式操作事件，显示目标边框，即目标子表格边框。本发明方法灵活，易于实现，克服了html技术现有标签在目标子表格相邻单元格有合并时可能出现表格边框显示多出的缺陷，快速确定目标子表格中各个单元格要显示的边框，对目标子表格相邻单元格有无合并的情况都可以实现正确显示边框；另外单元格边框之间无空隙，显示清晰。【专利说明】网页电子表格中子表格边框显不方法【
技术领域：
】[0001]本发明涉及网页电子表格，特别涉及网页电子表格中子表格边框显示方法。【
背景技术：
】[0002]电子表格是由一个或一个以上的行和一个或一个以上的列所构成。其中任意行与任意列相互交叉构成电子表格的一个个单元格。网页电子表格的出现，为用户在线办公提供了可能，用户通过网络浏览器，可以随时随地访问并编辑电子表格。[0003]利用html技术现有标签实现网页电子表格的方式为：先对整个电子表格进行边框初始化，确定目标子表格，对所选表格添加边框。在目标子表格周边不存在合并单元格的情况下，这种方式不会有任何问题，但是如果目标子表格周边存在合并单元的情况，极有可能出现边框显示不正确的情况，如图1所示，紧邻目标子表格的顶部有单元格合并，且列号大于目标子表格的列号，在对目标子表格添加边框时，顶部边框显示就多出一条线；另外在添加边框时，如果和相邻边框的距离过大，则会出现双重边框的情况，影响用户体验。【
发明内容】[0004]针对html技术现有标签在实现网页电子表格方面存在的问题，本发明提出了网页电子表格中子表格边框显示方法，确定要加边框的目标子表格，将目标子表格中单元格信息标记或存储，然后根据存储信息对目标边框添加样式。为实现上述【
发明内容】，将电子表格边框初始化，初始化后显示出具有行和列的整个电子表格，预览时电子表格边框不显示。本发明采用了如下技术方案：[0005]S1.确定目标子表格；[0006]S2.将目标子表格中单元格信息标记或存储；[0007]S3.根据单元格信息，确定要添加边框的目标边框；[0008]S4.选择或设置目标边框样式；[0009]S5.响应边框样式操作事件，显示目标边框，即目标子表格边框。[0010]进一步，所述单元格信息主要指单元格的位置信息和单元格合并信息。[0011]进一步，步骤S3中对于多行多列形式子表格的目标边框确定方法为：[0012]如果是子表格首行，则选定第一个单元格的左侧边框、顶部边框，该行中间其他单元格的顶部边框，以及最后一个单元格的顶部边框、右侧边框；[0013]如果是子表格中间行，则选定第一个单元格的左侧边框和最后一个单元格的右侧边框；[0014]如果是子表格最后一行，则选定第一个单元格左侧边框、底部边框，该行中间其他单元格的底部边框，以及最后一个单元格的底部边框、右侧边框。[0015]进一步，步骤S3中对于一行多列形式子表格的目标边框确定方法为：[0016]如果是该行第一个单元格，则选定左侧边框、顶部边框、底部边框；[0017]如果是该行中间单元格，则选定顶部边框、底部边框；[0018]如果是该行最后一个单元格，则选定顶部边框、右侧边框、底部边框。[0019]进一步，步骤S3中对于多行一列形式子表格的目标边框确定方法为：[0020]如果是该列第一行单元格，则选定左侧边框、顶部边框、右侧边框；[0021]如果是该列中间单元格，则选定左侧边框、右侧边框；[0022]如果是该列最后一行单元格，则选定左侧边框、底部边框、右侧边框。[0023]进一步，步骤S3中对于单个单元格形式子表格的目标边框确定方法为：选定该单元格的左侧边框、右侧边框、顶部边框、底部边框。[0024]进一步，目标子表格中单元格的cellspacing标签属性值为0。目标子表格与外面相邻单元格边框显示重合情况下仍有清晰的视觉效果。[0025]进一步，所述目标边框的边框显示样式为至少一种。[0026]进一步，所述步骤2中单元格信息的存储方式主要采用二维数组，另外，也可以采用字符串方式存储，还可以采用文件的方式存储。[0027]本发明方法灵活，易于实现，克服了html技术现有标签在目标子表格相邻单元格有合并时可能出现表格边框显示多出的缺陷，快速确定目标子表格中各个单元格要显示的边框，对目标子表格相邻单元格有无合并的情况都可以实现正确显示边框；另外单元格边框之间无空隙，显示清晰。【专利附图】【附图说明】[0028]图1为Html现有标签制成表格的显示效果示意图；[0029]图2为本发明所提供的网页电子表格中子表格边框显示方法的流程图；[0030]图3为本发明所提供的网页电子表格中子表格边框显示方法的实施例一的流程图；[0031]图4为本发明所提供的网页电子表格中子表格边框显示方法的实施例二的流程图；[0032]图5为本发明所提供的多行多列形式子表格的目标边框确定方法的效果图；[0033]图6为本发明所提供的一行多列形式子表格的目标边框确定方法的效果图；[0034]图7为本发明所提供的多行一列形式子表格的目标边框确定方法的效果图。【具体实施方式】[0035]为了使本发明所提到的网页电子表格中子表格边框显示方法及其优点更加清楚明确，以下参照附图对本发明进行更进一步的详细说明。[0036]图2为本发明所提供的网页电子表格中子表格边框显示方法的流程图，如图所示，该方法包括以下步骤：[0037]步骤S1，确定目标子表格。[0038]用户根据需求，确定要使用的电子表格区域，本发明中称此区域为目标子表格，其中，目标子表的形式可以是多行多列、一行多列、多行一列、单个单元格。[0039]步骤S2,将目标子表格中单元格信息标记或存储。[0040]事先定义可以记录单元格信息的标记，或者定义存放单元格信息的数组，或者可以存放单元格信息的字符串或文件。单元格信息主要包括单元格位于目标子表格的哪行哪列的位置信息和单元格是否存在合并的合并信息。[0041]步骤S3,根据单元格信息，确定要添加边框的目标边框。[0042]根据步骤S2中的单元格位置信息和合并信息，确定所有目标边框。[0043]步骤S4,选择或设置目标边框样式。[0044]目标子表格的边框样式可以是事先设计好供用户选择，也可以是用户根据自己的使用需求自己设置。[0045]步骤S5,响应边框样式操作事件，显示目标边框，即目标子表格边框。[0046]响应用户的边框样式操作的鼠标和/或键盘事件，或者其他触摸工具的操作事件，在网页电子表格中显示出目标子表格的边框。[0047]进一步，为使得显示效果更优，单元格之间的空白设置为0,即在table标签中预先设定cellspacing标签的属性值，"cellspacing=0"。[0048]实施例一：[0049]图3为本发明所提供的网页电子表格中子表格边框显示方法的实施例一的流程图，如图所示，该方法包括以下步骤：[0050]步骤301，确定目标子表格。[0051]用户根据需求，确定要使用的电子表格区域，本发明中称此区域为目标子表格，其中，目标子表的形式可以是多行多列、一行多列、多行一列、单个单元格。[0052]步骤302,将目标子表格中单元格信息按顺序读入数组A。[0053]定义数组A存放单元格的信息，主要包括单元格在目标子表格中的位置和单元格合并的信息，接着按照相应的顺序读入数组A。[0054]步骤303,调用数组A，根据单元格信息，确定要添加边框的目标边框。[0055]调用数组A，循环数组，获取单元格的信息，根据单元格的行列值及合并情况确定相应的目标边框，目标边框组成目标子表格的边框。[0056]步骤304,选择目标边框样式。[0057]在目标边框样式种类较多的情况下，用鼠标或键盘或其他方式选择目标边框的样式，因目标子表格的边框由多于一个的目标边框组成，可以选择至少一种样式。[0058]步骤305,响应边框样式操作事件，显示目标边框，即目标子表格边框。[0059]响应步骤304中的边框样式操作事件，显示出对应的目标边框。[0060]实施例二：[0061]图4为本发明所提供的网页电子表格中子表格边框显示方法的实施例二的流程图，如图所示，该方法包括以下步骤：[0062]步骤401，确定目标子表格。[0063]用户根据需求，确定要使用的电子表格区域，本发明中称此区域为目标子表格，其中，目标子表的形式可以是多行多列、一行多列、多行一列、单个单元格。[0064]步骤402,在td标签中标记目标子表格中对应单元格信息。[0065]在Html语言实现目标子表格边框的过程中，直接在td标签下标记其对应的单元格的信息，主要包括单元格在目标子表格中的位置和单元格合并的信息。[0066]步骤403,根据标记的单元格信息，确定要添加边框的目标边框。[0067]根据标记的单元格信息，分析和判断，确定哪些单元格的哪个边框属于目标子表格的边框。[0068]步骤404,设置目标边框样式。[0069]在没有边框样式或者已有边框样式都不合适的情况下，设置个性化的边框样式，包括设置边框线条的颜色或粗细或线条构成等。[0070]步骤405,响应边框样式操作事件，显示目标边框，即目标子表格边框。[0071]响应步骤404中的边框样式操作事件，显示出对应的目标边框。[0072]对于实施例一和实施例二中步骤结合使用的情况，本【
技术领域：
】的人员可以理解，亦在本发明的保护范围之内。[0073]图5为本发明所提供的多行多列形式子表格的目标边框确定方法的效果图，如图所不，该多行多列的子表格为8行4列，表格中既存在行合并又存在列合并，同时第一行相邻右上方单元格又存在列合并的情况。采用本发明所述的边框显示方法，该表格的单元格边框正确显示，目标边框相邻单元格合并没有对边框显示造成影响。[0074]图6为本发明所提供的一行多列形式子表格的目标边框确定方法的效果图，如图所示，该表格为1行4列，表格中存在列合并的情况，同时第一个单元格相邻左上方单元格存在列合并的情况。采用本发明所述的边框显示方法，该表格的单元格边框正确显示，目标边框相邻单元格合并没有对边框显示造成影响。[0075]图7为本发明所提供的多行一列形式子表格的目标边框确定方法的效果图，如图所示，该表格为6行1列，表格中第一个、第二个单元格相邻右上方单元格存在行合并的情况。采用本发明所述的边框显示方法，该表格的单元格边框正确显示，目标边框相邻单元格合并没有对边框显示造成影响。[0076]以上所述是对本发明的较佳的【具体实施方式】，本【
技术领域：
】人员应当理解，所述实施方式并非限定本发明的保护范围。在不脱离本发明的精神实质和原则下，在细节方面可以进行变化或者修改，均应涵盖在本发明的权利要求范围之内。【权利要求】1.网页电子表格中子表格边框显示方法，将电子表格边框初始化，其特征在于，该方法包括以下步骤：51.确定目标子表格；52.将目标子表格中单元格信息标记或存储；53.根据单元格信息，确定要添加边框的目标边框；54.选择或设置目标边框样式；55.响应边框样式操作事件，显示目标边框，即目标子表格边框。2.如权利要求1所述的方法，其特征在于，所述单元格信息主要指单元格的位置信息和单元格合并信息。3.如权利要求1所述的方法，其特征在于，所述步骤S3中对于多行多列形式子表格的目标边框确定方法为：如果是子表格首行，则选定第一个单元格的左侧边框、顶部边框，该行中间其他单元格的顶部边框，以及最后一个单元格的顶部边框、右侧边框；如果是子表格中间行，则选定第一个单元格的左侧边框和最后一个单元格的右侧边框；如果是子表格最后一行，则选定第一个单元格左侧边框、底部边框，该行中间其他单元格的底部边框，以及最后一个单元格的底部边框、右侧边框。4.如权利要求1所述的方法，其特征在于，所述步骤S3中对于一行多列形式子表格的目标边框确定方法为：如果是该行第一个单元格，则选定左侧边框、顶部边框、底部边框；如果是该行中间单元格，则选定顶部边框、底部边框；如果是该行最后一个单元格，则选定顶部边框、右侧边框、底部边框。5.如权利要求1所述的方法，其特征在于，所述步骤S3中对于多行一列形式子表格的目标边框确定方法为：如果是该列第一行单元格，则选定左侧边框、顶部边框、右侧边框；如果是该列中间单元格，则选定左侧边框、右侧边框；如果是该列最后一行单元格，则选定左侧边框、底部边框、右侧边框。6.如权利要求1所述的方法，其特征在于，所述步骤S3中对于单个单元格形式子表格的目标边框确定方法为：选定该单元格的左侧边框、右侧边框、顶部边框、底部边框。7.如权利要求1至6任意一项所述的方法，其特征在于，目标子表格中单元格的cellspacing标签属性值为0。8.如权利要求1至6任意一项所述的方法，其特征在于，目标边框的边框显示样式至少为一种。9.如权利要求1所述的方法，其特征在于，所述步骤2中单元格信息的存储方式主要采用二维数组。【文档编号】G06F17/30GK104142932SQ201310163226【公开日】2014年11月12日申请日期:2013年5月7日优先权日:2013年5月7日【发明者】牟春林申请人:苏州精易会信息技术有限公司