[發(fā)明專利]一種表格的創(chuàng)建方法及創(chuàng)建裝置

在審

• 申請(qǐng)?zhí)枺?/td>: 201611166359.1
• 申請(qǐng)日: 2016-12-15
• 公開(kāi)（公告）號(hào): CN108228176A
• 公開(kāi)（公告）日: 2018-06-29
• 發(fā)明（設(shè)計(jì)）人: 石鵬;肖瑤
• 申請(qǐng)（專利權(quán)）人: 北京國(guó)雙科技有限公司
• 主分類號(hào): G06F8/38
• 分類號(hào): G06F8/38;G06F17/30
• 代理公司: 北京集佳知識(shí)產(chǎn)權(quán)代理有限公司 11227
• 代理人: 王寶筠

本發(fā)明實(shí)施例公開(kāi)了一種表格創(chuàng)建方法及表格創(chuàng)建裝置，用于實(shí)現(xiàn)了表頭和表體寬度的關(guān)聯(lián)和一致，而不必手動(dòng)調(diào)整使表頭和表體的寬度達(dá)到一致。本發(fā)明實(shí)施例方法包括：獲取第一表格的表頭以及第一表格的表體，所述第一表格為在html文件體元素中創(chuàng)建的表格；將所述第一表格的表頭裝入第二表格，所述第二表格為在所述html文件體元素中創(chuàng)建的新表格；將所述第一表格的表體裝入第三表格，所述第三表格為在所述html文件體元素中創(chuàng)建的新表格；將所述第二表格的位置設(shè)置為固定；獲取用戶設(shè)置的表格的目標(biāo)寬度；根據(jù)所述目標(biāo)寬度設(shè)置所述第二表格以及第三表格的寬度。

技術(shù)領(lǐng)域

本發(fā)明涉及通信領(lǐng)域，尤其涉及一種表格的創(chuàng)建方法及創(chuàng)建裝置。

背景技術(shù)

表格(table)是在構(gòu)建網(wǎng)站的前端頁(yè)面顯示上常常用到的。而表格分為表頭(thead)和表體(tbody)。表頭通常是用來(lái)顯示字段名的，方便讀者知道表格的每一列描述的內(nèi)容。默認(rèn)表格的顯示方式是：當(dāng)表格上下滾動(dòng)時(shí)表頭也會(huì)隨之滾動(dòng)。往下滾動(dòng)到一定位置時(shí)就會(huì)看不到表頭。

目前有兩種方法固定表頭，第一種就是讓表頭固定在那個(gè)位置，表體可以移動(dòng)，第二種是用兩個(gè)表分別來(lái)裝表頭和表體將裝表頭的表格固定，裝表體的表格按照默認(rèn)方式滾動(dòng)。

雖然目前已有方法固定表頭，但是表頭的寬度和表格的寬度沒(méi)有發(fā)生關(guān)聯(lián)。當(dāng)表頭或表體寬度改變時(shí)，另一個(gè)寬度就要相對(duì)應(yīng)的手動(dòng)調(diào)整。

發(fā)明內(nèi)容

本發(fā)明實(shí)施例提供了一種表格創(chuàng)建方法及表格創(chuàng)建裝置，用于實(shí)現(xiàn)表頭和表體寬度的關(guān)聯(lián)和一致，而不必手動(dòng)調(diào)整使表頭和表體的寬度達(dá)到一致。

本發(fā)明實(shí)施例第一方面提供了一種表格創(chuàng)建方法，具體包括：

獲取第一表格的表頭以及第一表格的表體，所述第一表格為在html文件體元素中創(chuàng)建的表格；

將所述第一表格的表頭裝入第二表格，所述第二表格為在所述html文件體元素中創(chuàng)建的新表格；

將所述第一表格的表體裝入第三表格，所述第三表格為在所述html文件體元素中創(chuàng)建的新表格；

將所述第二表格的位置設(shè)置為固定；

獲取用戶設(shè)置的表格的目標(biāo)寬度；

根據(jù)所述目標(biāo)寬度設(shè)置所述第二表格以及第三表格的寬度。

本發(fā)明實(shí)施例第二方面提供了一種表格創(chuàng)建裝置，具體包括：

獲取模塊，用于獲取第一表格的表頭以及第一表格的表體，所述第一表格為在html文件體元素中創(chuàng)建的表格；

裝入模塊，用于將所述第一表格的表頭裝入第二表格，所述第二表格為在所述html文件體元素中創(chuàng)建的新表格；

所述裝入模塊還用于將所述第一表格的表體裝入第三表格，所述第三表格為在所述html文件體元素中創(chuàng)建的新表格；

第一設(shè)置模塊，用于將所述第二表格的位置設(shè)置為固定；

所述獲取模塊還用于獲取用戶設(shè)置的表格的目標(biāo)寬度；

第二設(shè)置模塊，用于根據(jù)所述目標(biāo)寬度設(shè)置所述第二表格以及第三表格的寬度。

從以上技術(shù)方案可以看出，本發(fā)明實(shí)施例具有以下優(yōu)點(diǎn)：創(chuàng)建第一表格，然后拆分表頭和表體，將表頭裝入新創(chuàng)建的第二表格，將表體裝入新創(chuàng)建的第三表格，將第二表格的位置設(shè)置為固定，獲取用戶設(shè)置的表格的目標(biāo)寬度，根據(jù)目標(biāo)寬度設(shè)置第二表格以及第三表格的寬度，實(shí)現(xiàn)表頭和表體寬度的關(guān)聯(lián)和一致，而不必手動(dòng)調(diào)整使表頭和表體的寬度達(dá)到一致。

附圖說(shuō)明

圖1為本發(fā)明實(shí)施例中表格創(chuàng)建方法的一個(gè)實(shí)施例示意圖；

圖2為本發(fā)明實(shí)施例中表格創(chuàng)建方法的另一實(shí)施例示意圖；