網(wǎng)頁電子表格中子表格邊框顯示方法【專利摘要】本發(fā)明提出了網(wǎng)頁電子表格中子表格邊框顯示方法，該方法包括以下步驟：S1.確定目標(biāo)子表格；S2.將目標(biāo)子表格中單元格信息標(biāo)記或存儲；S3.根據(jù)單元格信息，確定要添加邊框的目標(biāo)邊框；S4.選擇或設(shè)置目標(biāo)邊框樣式；S5.響應(yīng)邊框樣式操作事件，顯示目標(biāo)邊框，即目標(biāo)子表格邊框。本發(fā)明方法靈活，易于實現(xiàn)，克服了html技術(shù)現(xiàn)有標(biāo)簽在目標(biāo)子表格相鄰單元格有合并時可能出現(xiàn)表格邊框顯示多出的缺陷，快速確定目標(biāo)子表格中各個單元格要顯示的邊框，對目標(biāo)子表格相鄰單元格有無合并的情況都可以實現(xiàn)正確顯示邊框；另外單元格邊框之間無空隙，顯示清晰。【專利說明】網(wǎng)頁電子表格中子表格邊框顯不方法【
技術(shù)領(lǐng)域：
】[0001]本發(fā)明涉及網(wǎng)頁電子表格，特別涉及網(wǎng)頁電子表格中子表格邊框顯示方法?！?br>背景技術(shù)：
】[0002]電子表格是由一個或一個以上的行和一個或一個以上的列所構(gòu)成。其中任意行與任意列相互交叉構(gòu)成電子表格的一個個單元格。網(wǎng)頁電子表格的出現(xiàn)，為用戶在線辦公提供了可能，用戶通過網(wǎng)絡(luò)瀏覽器，可以隨時隨地訪問并編輯電子表格。[0003]利用html技術(shù)現(xiàn)有標(biāo)簽實現(xiàn)網(wǎng)頁電子表格的方式為：先對整個電子表格進(jìn)行邊框初始化，確定目標(biāo)子表格，對所選表格添加邊框。在目標(biāo)子表格周邊不存在合并單元格的情況下，這種方式不會有任何問題，但是如果目標(biāo)子表格周邊存在合并單元的情況，極有可能出現(xiàn)邊框顯示不正確的情況，如圖1所示，緊鄰目標(biāo)子表格的頂部有單元格合并，且列號大于目標(biāo)子表格的列號，在對目標(biāo)子表格添加邊框時，頂部邊框顯示就多出一條線；另外在添加邊框時，如果和相鄰邊框的距離過大，則會出現(xiàn)雙重邊框的情況，影響用戶體驗?！?br/>發(fā)明內(nèi)容】[0004]針對html技術(shù)現(xiàn)有標(biāo)簽在實現(xiàn)網(wǎng)頁電子表格方面存在的問題，本發(fā)明提出了網(wǎng)頁電子表格中子表格邊框顯示方法，確定要加邊框的目標(biāo)子表格，將目標(biāo)子表格中單元格信息標(biāo)記或存儲，然后根據(jù)存儲信息對目標(biāo)邊框添加樣式。為實現(xiàn)上述【
發(fā)明內(nèi)容】，將電子表格邊框初始化，初始化后顯示出具有行和列的整個電子表格，預(yù)覽時電子表格邊框不顯示。本發(fā)明采用了如下技術(shù)方案：[0005]S1.確定目標(biāo)子表格；[0006]S2.將目標(biāo)子表格中單元格信息標(biāo)記或存儲；[0007]S3.根據(jù)單元格信息，確定要添加邊框的目標(biāo)邊框；[0008]S4.選擇或設(shè)置目標(biāo)邊框樣式；[0009]S5.響應(yīng)邊框樣式操作事件，顯示目標(biāo)邊框，即目標(biāo)子表格邊框。[0010]進(jìn)一步，所述單元格信息主要指單元格的位置信息和單元格合并信息。[0011]進(jìn)一步，步驟S3中對于多行多列形式子表格的目標(biāo)邊框確定方法為：[0012]如果是子表格首行，則選定第一個單元格的左側(cè)邊框、頂部邊框，該行中間其他單元格的頂部邊框，以及最后一個單元格的頂部邊框、右側(cè)邊框；[0013]如果是子表格中間行，則選定第一個單元格的左側(cè)邊框和最后一個單元格的右側(cè)邊框；[0014]如果是子表格最后一行，則選定第一個單元格左側(cè)邊框、底部邊框，該行中間其他單元格的底部邊框，以及最后一個單元格的底部邊框、右側(cè)邊框。[0015]進(jìn)一步，步驟S3中對于一行多列形式子表格的目標(biāo)邊框確定方法為：[0016]如果是該行第一個單元格，則選定左側(cè)邊框、頂部邊框、底部邊框；[0017]如果是該行中間單元格，則選定頂部邊框、底部邊框；[0018]如果是該行最后一個單元格，則選定頂部邊框、右側(cè)邊框、底部邊框。[0019]進(jìn)一步，步驟S3中對于多行一列形式子表格的目標(biāo)邊框確定方法為：[0020]如果是該列第一行單元格，則選定左側(cè)邊框、頂部邊框、右側(cè)邊框；[0021]如果是該列中間單元格，則選定左側(cè)邊框、右側(cè)邊框；[0022]如果是該列最后一行單元格，則選定左側(cè)邊框、底部邊框、右側(cè)邊框。[0023]進(jìn)一步，步驟S3中對于單個單元格形式子表格的目標(biāo)邊框確定方法為：選定該單元格的左側(cè)邊框、右側(cè)邊框、頂部邊框、底部邊框。[0024]進(jìn)一步，目標(biāo)子表格中單元格的cellspacing標(biāo)簽屬性值為0。目標(biāo)子表格與外面相鄰單元格邊框顯示重合情況下仍有清晰的視覺效果。[0025]進(jìn)一步，所述目標(biāo)邊框的邊框顯示樣式為至少一種。[0026]進(jìn)一步，所述步驟2中單元格信息的存儲方式主要采用二維數(shù)組，另外，也可以采用字符串方式存儲，還可以采用文件的方式存儲。[0027]本發(fā)明方法靈活，易于實現(xiàn)，克服了html技術(shù)現(xiàn)有標(biāo)簽在目標(biāo)子表格相鄰單元格有合并時可能出現(xiàn)表格邊框顯示多出的缺陷，快速確定目標(biāo)子表格中各個單元格要顯示的邊框，對目標(biāo)子表格相鄰單元格有無合并的情況都可以實現(xiàn)正確顯示邊框；另外單元格邊框之間無空隙，顯示清晰?！緦＠綀D】【附圖說明】[0028]圖1為Html現(xiàn)有標(biāo)簽制成表格的顯示效果示意圖；[0029]圖2為本發(fā)明所提供的網(wǎng)頁電子表格中子表格邊框顯示方法的流程圖；[0030]圖3為本發(fā)明所提供的網(wǎng)頁電子表格中子表格邊框顯示方法的實施例一的流程圖；[0031]圖4為本發(fā)明所提供的網(wǎng)頁電子表格中子表格邊框顯示方法的實施例二的流程圖；[0032]圖5為本發(fā)明所提供的多行多列形式子表格的目標(biāo)邊框確定方法的效果圖；[0033]圖6為本發(fā)明所提供的一行多列形式子表格的目標(biāo)邊框確定方法的效果圖；[0034]圖7為本發(fā)明所提供的多行一列形式子表格的目標(biāo)邊框確定方法的效果圖?！揪唧w實施方式】[0035]為了使本發(fā)明所提到的網(wǎng)頁電子表格中子表格邊框顯示方法及其優(yōu)點更加清楚明確，以下參照附圖對本發(fā)明進(jìn)行更進(jìn)一步的詳細(xì)說明。[0036]圖2為本發(fā)明所提供的網(wǎng)頁電子表格中子表格邊框顯示方法的流程圖，如圖所示，該方法包括以下步驟：[0037]步驟S1，確定目標(biāo)子表格。[0038]用戶根據(jù)需求，確定要使用的電子表格區(qū)域，本發(fā)明中稱此區(qū)域為目標(biāo)子表格，其中，目標(biāo)子表的形式可以是多行多列、一行多列、多行一列、單個單元格。[0039]步驟S2,將目標(biāo)子表格中單元格信息標(biāo)記或存儲。[0040]事先定義可以記錄單元格信息的標(biāo)記，或者定義存放單元格信息的數(shù)組，或者可以存放單元格信息的字符串或文件。單元格信息主要包括單元格位于目標(biāo)子表格的哪行哪列的位置信息和單元格是否存在合并的合并信息。[0041]步驟S3,根據(jù)單元格信息，確定要添加邊框的目標(biāo)邊框。[0042]根據(jù)步驟S2中的單元格位置信息和合并信息，確定所有目標(biāo)邊框。[0043]步驟S4,選擇或設(shè)置目標(biāo)邊框樣式。[0044]目標(biāo)子表格的邊框樣式可以是事先設(shè)計好供用戶選擇，也可以是用戶根據(jù)自己的使用需求自己設(shè)置。[0045]步驟S5,響應(yīng)邊框樣式操作事件，顯示目標(biāo)邊框，即目標(biāo)子表格邊框。[0046]響應(yīng)用戶的邊框樣式操作的鼠標(biāo)和/或鍵盤事件，或者其他觸摸工具的操作事件，在網(wǎng)頁電子表格中顯示出目標(biāo)子表格的邊框。[0047]進(jìn)一步，為使得顯示效果更優(yōu)，單元格之間的空白設(shè)置為0,即在table標(biāo)簽中預(yù)先設(shè)定cellspacing標(biāo)簽的屬性值，"cellspacing=0"。[0048]實施例一：[0049]圖3為本發(fā)明所提供的網(wǎng)頁電子表格中子表格邊框顯示方法的實施例一的流程圖，如圖所示，該方法包括以下步驟：[0050]步驟301，確定目標(biāo)子表格。[0051]用戶根據(jù)需求，確定要使用的電子表格區(qū)域，本發(fā)明中稱此區(qū)域為目標(biāo)子表格，其中，目標(biāo)子表的形式可以是多行多列、一行多列、多行一列、單個單元格。[0052]步驟302,將目標(biāo)子表格中單元格信息按順序讀入數(shù)組A。[0053]定義數(shù)組A存放單元格的信息，主要包括單元格在目標(biāo)子表格中的位置和單元格合并的信息，接著按照相應(yīng)的順序讀入數(shù)組A。[0054]步驟303,調(diào)用數(shù)組A，根據(jù)單元格信息，確定要添加邊框的目標(biāo)邊框。[0055]調(diào)用數(shù)組A，循環(huán)數(shù)組，獲取單元格的信息，根據(jù)單元格的行列值及合并情況確定相應(yīng)的目標(biāo)邊框，目標(biāo)邊框組成目標(biāo)子表格的邊框。[0056]步驟304,選擇目標(biāo)邊框樣式。[0057]在目標(biāo)邊框樣式種類較多的情況下，用鼠標(biāo)或鍵盤或其他方式選擇目標(biāo)邊框的樣式，因目標(biāo)子表格的邊框由多于一個的目標(biāo)邊框組成，可以選擇至少一種樣式。[0058]步驟305,響應(yīng)邊框樣式操作事件，顯示目標(biāo)邊框，即目標(biāo)子表格邊框。[0059]響應(yīng)步驟304中的邊框樣式操作事件，顯示出對應(yīng)的目標(biāo)邊框。[0060]實施例二：[0061]圖4為本發(fā)明所提供的網(wǎng)頁電子表格中子表格邊框顯示方法的實施例二的流程圖，如圖所示，該方法包括以下步驟：[0062]步驟401，確定目標(biāo)子表格。[0063]用戶根據(jù)需求，確定要使用的電子表格區(qū)域，本發(fā)明中稱此區(qū)域為目標(biāo)子表格，其中，目標(biāo)子表的形式可以是多行多列、一行多列、多行一列、單個單元格。[0064]步驟402,在td標(biāo)簽中標(biāo)記目標(biāo)子表格中對應(yīng)單元格信息。[0065]在Html語言實現(xiàn)目標(biāo)子表格邊框的過程中，直接在td標(biāo)簽下標(biāo)記其對應(yīng)的單元格的信息，主要包括單元格在目標(biāo)子表格中的位置和單元格合并的信息。[0066]步驟403,根據(jù)標(biāo)記的單元格信息，確定要添加邊框的目標(biāo)邊框。[0067]根據(jù)標(biāo)記的單元格信息，分析和判斷，確定哪些單元格的哪個邊框?qū)儆谀繕?biāo)子表格的邊框。[0068]步驟404,設(shè)置目標(biāo)邊框樣式。[0069]在沒有邊框樣式或者已有邊框樣式都不合適的情況下，設(shè)置個性化的邊框樣式，包括設(shè)置邊框線條的顏色或粗細(xì)或線條構(gòu)成等。[0070]步驟405,響應(yīng)邊框樣式操作事件，顯示目標(biāo)邊框，即目標(biāo)子表格邊框。[0071]響應(yīng)步驟404中的邊框樣式操作事件，顯示出對應(yīng)的目標(biāo)邊框。[0072]對于實施例一和實施例二中步驟結(jié)合使用的情況，本【
技術(shù)領(lǐng)域：
】的人員可以理解，亦在本發(fā)明的保護(hù)范圍之內(nèi)。[0073]圖5為本發(fā)明所提供的多行多列形式子表格的目標(biāo)邊框確定方法的效果圖，如圖所不，該多行多列的子表格為8行4列，表格中既存在行合并又存在列合并，同時第一行相鄰右上方單元格又存在列合并的情況。采用本發(fā)明所述的邊框顯示方法，該表格的單元格邊框正確顯示，目標(biāo)邊框相鄰單元格合并沒有對邊框顯示造成影響。[0074]圖6為本發(fā)明所提供的一行多列形式子表格的目標(biāo)邊框確定方法的效果圖，如圖所示，該表格為1行4列，表格中存在列合并的情況，同時第一個單元格相鄰左上方單元格存在列合并的情況。采用本發(fā)明所述的邊框顯示方法，該表格的單元格邊框正確顯示，目標(biāo)邊框相鄰單元格合并沒有對邊框顯示造成影響。[0075]圖7為本發(fā)明所提供的多行一列形式子表格的目標(biāo)邊框確定方法的效果圖，如圖所示，該表格為6行1列，表格中第一個、第二個單元格相鄰右上方單元格存在行合并的情況。采用本發(fā)明所述的邊框顯示方法，該表格的單元格邊框正確顯示，目標(biāo)邊框相鄰單元格合并沒有對邊框顯示造成影響。[0076]以上所述是對本發(fā)明的較佳的【具體實施方式】，本【
技術(shù)領(lǐng)域：
】人員應(yīng)當(dāng)理解，所述實施方式并非限定本發(fā)明的保護(hù)范圍。在不脫離本發(fā)明的精神實質(zhì)和原則下，在細(xì)節(jié)方面可以進(jìn)行變化或者修改，均應(yīng)涵蓋在本發(fā)明的權(quán)利要求范圍之內(nèi)?！緳?quán)利要求】1.網(wǎng)頁電子表格中子表格邊框顯示方法，將電子表格邊框初始化，其特征在于，該方法包括以下步驟：51.確定目標(biāo)子表格；52.將目標(biāo)子表格中單元格信息標(biāo)記或存儲；53.根據(jù)單元格信息，確定要添加邊框的目標(biāo)邊框；54.選擇或設(shè)置目標(biāo)邊框樣式；55.響應(yīng)邊框樣式操作事件，顯示目標(biāo)邊框，即目標(biāo)子表格邊框。2.如權(quán)利要求1所述的方法，其特征在于，所述單元格信息主要指單元格的位置信息和單元格合并信息。3.如權(quán)利要求1所述的方法，其特征在于，所述步驟S3中對于多行多列形式子表格的目標(biāo)邊框確定方法為：如果是子表格首行，則選定第一個單元格的左側(cè)邊框、頂部邊框，該行中間其他單元格的頂部邊框，以及最后一個單元格的頂部邊框、右側(cè)邊框；如果是子表格中間行，則選定第一個單元格的左側(cè)邊框和最后一個單元格的右側(cè)邊框；如果是子表格最后一行，則選定第一個單元格左側(cè)邊框、底部邊框，該行中間其他單元格的底部邊框，以及最后一個單元格的底部邊框、右側(cè)邊框。4.如權(quán)利要求1所述的方法，其特征在于，所述步驟S3中對于一行多列形式子表格的目標(biāo)邊框確定方法為：如果是該行第一個單元格，則選定左側(cè)邊框、頂部邊框、底部邊框；如果是該行中間單元格，則選定頂部邊框、底部邊框；如果是該行最后一個單元格，則選定頂部邊框、右側(cè)邊框、底部邊框。5.如權(quán)利要求1所述的方法，其特征在于，所述步驟S3中對于多行一列形式子表格的目標(biāo)邊框確定方法為：如果是該列第一行單元格，則選定左側(cè)邊框、頂部邊框、右側(cè)邊框；如果是該列中間單元格，則選定左側(cè)邊框、右側(cè)邊框；如果是該列最后一行單元格，則選定左側(cè)邊框、底部邊框、右側(cè)邊框。6.如權(quán)利要求1所述的方法，其特征在于，所述步驟S3中對于單個單元格形式子表格的目標(biāo)邊框確定方法為：選定該單元格的左側(cè)邊框、右側(cè)邊框、頂部邊框、底部邊框。7.如權(quán)利要求1至6任意一項所述的方法，其特征在于，目標(biāo)子表格中單元格的cellspacing標(biāo)簽屬性值為0。8.如權(quán)利要求1至6任意一項所述的方法，其特征在于，目標(biāo)邊框的邊框顯示樣式至少為一種。9.如權(quán)利要求1所述的方法，其特征在于，所述步驟2中單元格信息的存儲方式主要采用二維數(shù)組?！疚臋n編號】G06F17/30GK104142932SQ201310163226【公開日】2014年11月12日申請日期:2013年5月7日優(yōu)先權(quán)日:2013年5月7日【發(fā)明者】牟春林申請人:蘇州精易會信息技術(shù)有限公司