本申請涉及互聯(lián)網(wǎng)領(lǐng)域，具體而言，涉及一種網(wǎng)頁表格的顯示方法及裝置。

背景技術(shù)：

目前，在網(wǎng)頁中使用表格顯示多行多列的數(shù)據(jù)是件非常普遍的事情。圖1是一種常見的網(wǎng)頁表格形式，如圖1所示，該表格采用多行多列的形式顯示數(shù)據(jù)，同時支持單列排序功能，即鼠標單擊列標題該列內(nèi)容會按照某種排序規(guī)則進行排序。然而，不同的用戶對網(wǎng)頁表格內(nèi)容的關(guān)注點和瀏覽習慣都可能不同，不同用戶瀏覽表格時都采用同一表格形式展現(xiàn)數(shù)據(jù)，會導致用戶體驗度較差。例如，有些用戶可能只關(guān)注圖1的表格中的“姓名”、“年齡”、“薪水”這3列數(shù)據(jù)，其它幾列用戶不關(guān)心的數(shù)據(jù)會對用戶瀏覽造成干擾。有些用戶瀏覽表格時可能喜歡將表格中的“姓名”列按升序排序，有些用戶可能喜歡將表格中的“姓名”列按降序排序，但是這些表格列排序效果一旦用戶刷新了頁面或下次登錄該系統(tǒng)時都會恢復到默認排序狀態(tài)，用戶需要按自己的瀏覽習慣對表格重新進行排序。更有甚者，有些用戶喜歡自己比較關(guān)注的表格列能排在其它列前面，很少關(guān)注的表格列能排在其它列后面或直接隱藏掉。然而，傳統(tǒng)的網(wǎng)頁表格對不同的用戶都采用同一表格形式進行數(shù)據(jù)的展現(xiàn)，用戶無法根據(jù)自己的內(nèi)容關(guān)注點和瀏覽習慣對表格展現(xiàn)形式進行私人定制，用戶瀏覽體驗較差。

針對相關(guān)技術(shù)在網(wǎng)頁中使用表格顯示數(shù)據(jù)信息時用戶體驗度較差的問題，目前尚未提出有效的解決方案。

技術(shù)實現(xiàn)要素：

本申請的主要目的在于提供一種網(wǎng)頁表格的顯示方法及裝置，以解決相關(guān)技術(shù)在網(wǎng)頁中使用表格顯示數(shù)據(jù)信息時用戶體驗度較差的問題。

為了實現(xiàn)上述目的，根據(jù)本申請的一個方面，提供了一種網(wǎng)頁表格的顯示方法。該方法包括：在網(wǎng)頁中創(chuàng)建目標表格，其中，目標表格為已預先添加鼠標操作功能的表格，目標表格中包括目標表格列頭；檢測是否接收到對目標表格列頭的鼠標操作，其中，鼠標操作包括單擊操作和拖拽操作；如果接收到對目標表格列頭的鼠標操作，對目標表格列頭執(zhí)行鼠標操作并記錄目標表格的第一目標狀態(tài)，其中，第一目標狀態(tài)為在對目標表格列頭進行鼠標操作之后目標表格中信息的顯示狀態(tài)；以及當需要對目標表格重新進行顯示時，目標表格以第一目標狀態(tài)進行顯示。

進一步地，單擊操作包括第一單擊操作、第二單擊操作和第三單擊操作，第一單擊操作為對目標表格列頭對應列中的信息進行排序的操作，第二單擊操作為對目標表格列頭對應列中的信息進行隱藏的操作，第三單擊操作為對目標表格列頭對應列中的信息進行顯示的操作，拖拽操作包括對目標表格列頭對應列在目標表格中進行排序的操作，如果接收到對目標表格列頭的鼠標操作，對目標表格列頭執(zhí)行鼠標操作并記錄目標表格的第一目標狀態(tài)包括：如果接收到的鼠標操作是第一單擊操作，對目標表格列頭對應列中的信息進行排序，記錄對目標表格列頭對應列中的信息進行排序后目標表格中信息的顯示狀態(tài)；如果接收到的鼠標操作是第二單擊操作，對目標表格列頭對應列中的信息進行隱藏，記錄對目標表格列頭對應列中的信息進行隱藏后目標表格中信息的顯示狀態(tài)；如果接收到的鼠標操作是第三單擊操作，對目標表格列頭對應列中的信息進行顯示，記錄對目標表格列頭對應列中的信息進行顯示后目標表格中信息的顯示狀態(tài)；如果接收到的鼠標操作是拖拽操作，對目標表格列頭對應列在目標表格中進行排序，記錄對目標表格列頭對應列在目標表格中進行排序后目標表格中信息的顯示狀態(tài)。

進一步地，在對目標表格列頭執(zhí)行鼠標操作并記錄目標表格的第一目標狀態(tài)之后，在當需要對目標表格重新進行顯示時，目標表格以第一目標狀態(tài)進行顯示之前，該方法還包括：將目標表格的第一目標狀態(tài)存儲至網(wǎng)頁對應的瀏覽器的Cookie中，當需要對目標表格重新進行顯示時，目標表格以第一目標狀態(tài)進行顯示包括：當需要對目標表格重新進行顯示時，從網(wǎng)頁對應的瀏覽器的Cookie中獲取目標表格的第一目標狀態(tài)；以及將目標表格以第一目標狀態(tài)進行顯示。

進一步地，在當需要對目標表格重新進行顯示時，目標表格以第一目標狀態(tài)進行顯示之后，該方法還包括：檢測是否接收到對目標表格列頭的鼠標操作；如果接收到對目標表格列頭的鼠標操作，對目標表格列頭執(zhí)行鼠標操作并記錄目標表格的第二目標狀態(tài)；以及當需要對目標表格重新進行顯示時，目標表格以第二目標狀態(tài)進行顯示。

進一步地，在對目標表格列頭執(zhí)行鼠標操作并記錄目標表格的第二目標狀態(tài)之后，在當需要對目標表格重新進行顯示時，目標表格以第二目標狀態(tài)進行顯示之前，該方法還包括：將目標表格的第二目標狀態(tài)存儲至網(wǎng)頁對應的瀏覽器的Cookie中，并覆蓋瀏覽器的Cookie中已存儲的目標表格的第一目標狀態(tài)，當需要對目標表格重新進行顯示時，目標表格以第二目標狀態(tài)進行顯示包括：當需要對目標表格重新進行顯示時，從網(wǎng)頁對應的瀏覽器的Cookie中獲取目標表格的第二目標狀態(tài)；以及將目標表格以第二目標狀態(tài)進行顯示。

為了實現(xiàn)上述目的，根據(jù)本申請的另一方面，提供了一種網(wǎng)頁表格的顯示裝置。該裝置包括：創(chuàng)建單元，用于在網(wǎng)頁中創(chuàng)建目標表格，其中，目標表格為已預先添加 鼠標操作功能的表格，目標表格中包括目標表格列頭；第一檢測單元，用于檢測是否接收到對目標表格列頭的鼠標操作，其中，鼠標操作包括單擊操作和拖拽操作；第一記錄單元，用于在接收到對目標表格列頭的鼠標操作的情況下，對目標表格列頭執(zhí)行鼠標操作并記錄目標表格的第一目標狀態(tài)，其中，第一目標狀態(tài)為在對目標表格列頭進行鼠標操作之后目標表格中信息的顯示狀態(tài)；以及第一顯示單元，用于當需要對目標表格重新進行顯示時，目標表格以第一目標狀態(tài)進行顯示。

進一步地，單擊操作包括第一單擊操作、第二單擊操作和第三單擊操作，第一單擊操作為對目標表格列頭對應列中的信息進行排序的操作，第二單擊操作為對目標表格列頭對應列中的信息進行隱藏的操作，第三單擊操作為對目標表格列頭對應列中的信息進行顯示的操作，拖拽操作包括對目標表格列頭對應列在目標表格中進行排序的操作，第一記錄單元包括：第一排序模塊，用于在接收到的鼠標操作是第一單擊操作的情況下，對目標表格列頭對應列中的信息進行排序，記錄對目標表格列頭對應列中的信息進行排序后目標表格中信息的顯示狀態(tài)；隱藏模塊，用于在接收到的鼠標操作是第二單擊操作的情況下，對目標表格列頭對應列中的信息進行隱藏，記錄對目標表格列頭對應列中的信息進行隱藏后目標表格中信息的顯示狀態(tài)；顯示模塊，用于在接收到的鼠標操作是第三單擊操作的情況下，對目標表格列頭對應列中的信息進行顯示，記錄對目標表格列頭對應列中的信息進行顯示后目標表格中信息的顯示狀態(tài)；第二排序模塊，用于在接收到的鼠標操作是拖拽操作的情況下，對目標表格列頭對應列在目標表格中進行排序，記錄對目標表格列頭對應列在目標表格中進行排序后目標表格中信息的顯示狀態(tài)。

進一步地，該裝置還包括：第一存儲單元，用于將目標表格的第一目標狀態(tài)存儲至網(wǎng)頁對應的瀏覽器的Cookie中，第一顯示單元還用于當需要對目標表格重新進行顯示時，從網(wǎng)頁對應的瀏覽器的Cookie中獲取目標表格的第一目標狀態(tài)；以及將目標表格以第一目標狀態(tài)進行顯示。

進一步地，該裝置還包括：第二檢測單元，用于檢測是否接收到對目標表格列頭的鼠標操作；第二記錄單元，用于在接收到對目標表格列頭的鼠標操作的情況下，對目標表格列頭執(zhí)行鼠標操作并記錄目標表格的第二目標狀態(tài)；以及第二顯示單元，用于當需要對目標表格重新進行顯示時，目標表格以第二目標狀態(tài)進行顯示。

進一步地，該裝置還包括：第二存儲單元，用于將目標表格的第二目標狀態(tài)存儲至網(wǎng)頁對應的瀏覽器的Cookie中，并覆蓋瀏覽器的Cookie中已存儲的目標表格的第一目標狀態(tài)，第二顯示單元還用于當需要對目標表格重新進行顯示時，從網(wǎng)頁對應的瀏覽器的Cookie中獲取目標表格的第二目標狀態(tài)；以及將目標表格以第二目標狀態(tài)進行顯示。

通過本申請，采用以下步驟：在網(wǎng)頁中創(chuàng)建目標表格，其中，目標表格為已預先添加鼠標操作功能的表格，目標表格中包括目標表格列頭；檢測是否接收到對目標表格列頭的鼠標操作，其中，鼠標操作包括單擊操作和拖拽操作；如果接收到對目標表格列頭的鼠標操作，對目標表格列頭執(zhí)行鼠標操作并記錄目標表格的第一目標狀態(tài)，其中，第一目標狀態(tài)為在對目標表格列頭進行鼠標操作之后目標表格中信息的顯示狀態(tài)；以及當需要對目標表格重新進行顯示時，目標表格以第一目標狀態(tài)進行顯示，解決了相關(guān)技術(shù)在網(wǎng)頁中使用表格顯示數(shù)據(jù)信息時用戶體驗度較差的問題，由于記錄了在對目標表格列頭執(zhí)行鼠標操作后目標表格的第一目標狀態(tài)，當需要對目標表格重新進行顯示時，目標表格以第一目標狀態(tài)進行顯示，在網(wǎng)頁表格中實現(xiàn)了對表格展現(xiàn)形式進行自定義配置，下次表格顯示時會根據(jù)上次配置信息顯示表格，進而達到了提升用戶體驗度的效果。

附圖說明

構(gòu)成本申請的一部分的附圖用來提供對本申請的進一步理解，本申請的示意性實施例及其說明用于解釋本申請，并不構(gòu)成對本申請的不當限定。在附圖中：

圖1是相關(guān)技術(shù)在網(wǎng)頁中使用表格顯示數(shù)據(jù)信息的示意圖；

圖2是根據(jù)本申請第一實施例的網(wǎng)頁表格的顯示方法的流程圖；

圖3是根據(jù)本申請第二實施例的網(wǎng)頁表格的顯示方法的流程圖；以及

圖4是根據(jù)本申請實施例的網(wǎng)頁表格的顯示裝置的示意圖。

具體實施方式

需要說明的是，在不沖突的情況下，本申請中的實施例及實施例中的特征可以相互組合。下面將參考附圖并結(jié)合實施例來詳細說明本申請。

為了使本技術(shù)領(lǐng)域的人員更好地理解本申請方案，下面將結(jié)合本申請實施例中的附圖，對本申請實施例中的技術(shù)方案進行清楚、完整地描述，顯然，所描述的實施例僅僅是本申請一部分的實施例，而不是全部的實施例?；诒旧暾堉械膶嵤├?，本領(lǐng)域普通技術(shù)人員在沒有做出創(chuàng)造性勞動前提下所獲得的所有其他實施例，都應當屬于本申請保護的范圍。

需要說明的是，本申請的說明書和權(quán)利要求書及上述附圖中的術(shù)語“第一”、“第二”等是用于區(qū)別類似的對象，而不必用于描述特定的順序或先后次序。應該理解這樣使用的數(shù)據(jù)在適當情況下可以互換，以便這里描述的本申請的實施例。此外，術(shù)語 “包括”和“具有”以及他們的任何變形，意圖在于覆蓋不排他的包含，例如，包含了一系列步驟或單元的過程、方法、系統(tǒng)、產(chǎn)品或設(shè)備不必限于清楚地列出的那些步驟或單元，而是可包括沒有清楚地列出的或?qū)τ谶@些過程、方法、產(chǎn)品或設(shè)備固有的其它步驟或單元。

為了便于描述，以下對本申請實施例涉及的幾個術(shù)語進行說明：

網(wǎng)頁表格：使用HTML表格標簽代碼在網(wǎng)頁中創(chuàng)建的表格。

DataTables：一款開源、免費的網(wǎng)頁表格插件，可幫助開發(fā)人員在網(wǎng)頁中快速生成表格，生成的表格支持排序、搜索、分頁等功能。

javascript：一種瀏覽器中運行的腳本語言。網(wǎng)頁中進行事件處理以及用戶和網(wǎng)頁交互都需要用到該語言。

JQuery：一種開源、免費的javascript庫，封裝了很多接口，可以對網(wǎng)頁中的元素進行各種操作。

Cookie：瀏覽器在用戶機器本地的數(shù)據(jù)存儲，以鍵值的方式進行數(shù)據(jù)的存儲。向瀏覽器Cookie存儲數(shù)據(jù)或讀取數(shù)據(jù)可以通過javascript或JQuery的相應接口來完成。

根據(jù)本申請的實施例，提供了一種網(wǎng)頁表格的顯示方法。

圖2是根據(jù)本申請第一實施例的網(wǎng)頁表格的顯示方法的流程圖。如圖2所示，該方法包括以下步驟：

步驟S201，在網(wǎng)頁中創(chuàng)建目標表格，其中，目標表格為已預先添加鼠標操作功能的表格，目標表格中包括目標表格列頭。

在網(wǎng)頁中創(chuàng)建目標表格可以使用標準的HTML代碼來實現(xiàn)，也可以借助于表格插件來生成表格，例如，DataTables便是一款十分優(yōu)秀的開源、免費的網(wǎng)頁表格插件，可以幫助開發(fā)人員在網(wǎng)頁中快速生成表格，生成的表格默認支持排序、搜索、分頁等功能。通過現(xiàn)有技術(shù)中的網(wǎng)頁表格插件，在網(wǎng)頁中創(chuàng)建目標表格。

步驟S202，檢測是否接收到對目標表格列頭的鼠標操作。

檢測是否接收到對上述創(chuàng)建的目標表格中的目標表格列頭的鼠標操作，其中，鼠標操作包括單擊操作和拖拽操作。

步驟S203，如果接收到對目標表格列頭的鼠標操作，對目標表格列頭執(zhí)行鼠標操作并記錄目標表格的第一目標狀態(tài)，其中，第一目標狀態(tài)為在對目標表格列頭進行鼠標操作之后目標表格中信息的顯示狀態(tài)。

具體地，單擊操作包括第一單擊操作、第二單擊操作和第三單擊操作，第一單擊操作為對目標表格列頭對應列中的信息進行排序的操作，第二單擊操作為對目標表格列頭對應列中的信息進行隱藏的操作，第三單擊操作為對目標表格列頭對應列中的信息進行顯示的操作，拖拽操作包括對目標表格列頭對應列在目標表格中進行排序的操作，如果接收到對目標表格列頭的鼠標操作，對目標表格列頭執(zhí)行鼠標操作并記錄目標表格的第一目標狀態(tài)包括：如果接收到的鼠標操作是第一單擊操作，對目標表格列頭對應列中的信息進行排序，記錄對目標表格列頭對應列中的信息進行排序后目標表格中信息的顯示狀態(tài)；如果接收到的鼠標操作是第二單擊操作，對目標表格列頭對應列中的信息進行隱藏，記錄對目標表格列頭對應列中的信息進行隱藏后目標表格中信息的顯示狀態(tài)；如果接收到的鼠標操作是第三單擊操作，對目標表格列頭對應列中的信息進行顯示，記錄對目標表格列頭對應列中的信息進行顯示后目標表格中信息的顯示狀態(tài)；如果接收到的鼠標操作是拖拽操作，對目標表格列頭對應列在目標表格中進行排序，記錄對目標表格列頭對應列在目標表格中進行排序后目標表格中信息的顯示狀態(tài)。

步驟S204，當需要對目標表格重新進行顯示時，目標表格以第一目標狀態(tài)進行顯示。

優(yōu)選地，在對目標表格列頭執(zhí)行鼠標操作并記錄目標表格的第一目標狀態(tài)之后，在當需要對目標表格重新進行顯示時，目標表格以第一目標狀態(tài)進行顯示之前，該方法還包括：將目標表格的第一目標狀態(tài)存儲至網(wǎng)頁對應的瀏覽器的Cookie中，當需要對目標表格重新進行顯示時，目標表格以第一目標狀態(tài)進行顯示包括：當需要對目標表格重新進行顯示時，從網(wǎng)頁對應的瀏覽器的Cookie中獲取目標表格的第一目標狀態(tài)；以及將目標表格以第一目標狀態(tài)進行顯示。

目標表格是一個多行多列的結(jié)構(gòu)，通過鼠標單擊列頭對表格列中的信息進行排序，該列將按照某種排序規(guī)則遞增或遞減排序，相關(guān)技術(shù)中已有現(xiàn)成的表格插件可以自動實現(xiàn)表格列頭單擊時排序效果了，比如DataTables表格插件。在鼠標單擊表格列頭實現(xiàn)排序時需要記錄下該列的排序狀態(tài)是遞增還是遞減排序，記錄的數(shù)據(jù)可以保存在瀏覽器的Cookie中，下次表格所在頁面加載顯示時可以從Cookie中讀取表格排序狀態(tài)并按該狀態(tài)對表格進行排序。通過直接在瀏覽器的Cookie中讀取排序狀態(tài)，提升了加載表格排序狀態(tài)的速度。向瀏覽器的Cookie中存儲數(shù)據(jù)或讀取數(shù)據(jù)可以通過javascript或JQuery的相應接口來完成。

當用戶使用鼠標左鍵在表格列頭按下并拖拽時可調(diào)整該列在表格其他列中的顯示順序，具體的順序確定需要根據(jù)鼠標拖拽過程釋放位置來計算。表格中有多列，每一列的寬度都是可以獲取的，當鼠標拖拽某列列頭移動到某個位置釋放時可以獲取鼠標 的坐標，根據(jù)該坐標可以計算出鼠標釋放位置處于表格哪一列上，然后使用JQuery將被拖拽的列的HTML代碼從原DOM位置中刪除，然后插入到新DOM位置中即可實現(xiàn)表格列位置調(diào)整。表格列位置調(diào)整后需要記錄下表格中每一列在表格中的顯示順序，記錄的數(shù)據(jù)保存在瀏覽器的Cookie中，下次表格所在頁面加載顯示時可以從瀏覽器Cookie中取出表格每一列的顯示順序然后按該順序顯示表格。

表格中用戶不關(guān)心的列可以選擇隱藏，具體操作時鼠標右鍵單擊該列列頭然后在彈出的右鍵菜單中單擊“隱藏該列”菜單即可。表格中的右鍵菜單可以用Div來實現(xiàn)，右鍵菜單中的子菜單“隱藏該列”可以通過在父Div里面嵌套一個子Div來實現(xiàn)，然后給子Div添加鼠標單擊事件，在鼠標單擊事件處理函數(shù)里面編寫隱藏表格某列的javascript代碼即可。表格中隱藏某列的顯示可以通過CSS樣式來控制，當通過鼠標右鍵菜單點擊的方式確定要隱藏的表格列時可以通過javascript找到要隱藏的表格列列頭以及該列下所有單元格，然后通過CSS樣式{display：none}即可實現(xiàn)該列列頭和該列下所有單元格的隱藏。當表格某列被用戶隱藏后需要將被隱藏的列信息保存到瀏覽器的Cookie中，下次表格所在頁面加載顯示時從瀏覽器Cookie中讀取表格被隱藏的列信息顯示表格時這些隱藏的列就不需要顯示了。

用戶使用右鍵菜單隱藏表格列后還可以通過右鍵菜單顯示隱藏的列，具體操作是在需要顯示隱藏列的位置鼠標右鍵單擊然后在彈出的右鍵菜單中選擇顯示被隱藏的列即可。被隱藏的表格列顯示位置可以通過鼠標右鍵單擊時的鼠標位置進行計算。表格右鍵菜單的生成方法上述已描述，在此不再贅述。右鍵菜單中選擇要顯示的菜單，這些菜單是之前用戶通過右鍵菜單隱藏掉的，被隱藏的表格列信息都存儲在了瀏覽器的Cookie中，從瀏覽器的Cookie中取出所有被隱藏的表格列信息即可讓用戶在右鍵菜單中選擇哪些列需要重新顯示。無論是使用右鍵菜單隱藏表格某列還是通過右鍵菜單顯示表格某列，都需要將被隱藏的列信息或被重新顯示的列信息保存到瀏覽器的Cookie中，以便于表格下次顯示時可以從瀏覽器Cookie中讀取這些信息并在表格重新創(chuàng)建時將不需要顯示的列隱藏，將需要顯示的列顯示出來。

網(wǎng)頁刷新或系統(tǒng)重新登陸時安裝用戶上次配置顯示表格，當網(wǎng)頁被用戶刷新或系統(tǒng)重新登錄進入到表格所在頁面時需要從瀏覽器的Cookie中讀取用戶之前配置的表格顯示信息，包括表格列排序狀態(tài)、表格被隱藏列、表格列顯示順序，從瀏覽器Cookie讀取數(shù)據(jù)可以使用JQuery的接口；然后根據(jù)這些信息進行表格的重新生成。讓用戶感覺重新生成的表格狀態(tài)和上次瀏覽時完全一致。

本申請實施例提供的網(wǎng)頁表格的顯示方法，通過在網(wǎng)頁中創(chuàng)建目標表格，其中，目標表格為已預先添加鼠標操作功能的表格，目標表格中包括目標表格列頭；檢測是否接收到對目標表格列頭的鼠標操作，其中，鼠標操作包括單擊操作和拖拽操作；如 果接收到對目標表格列頭的鼠標操作，對目標表格列頭執(zhí)行鼠標操作并記錄目標表格的第一目標狀態(tài)，其中，第一目標狀態(tài)為在對目標表格列頭進行鼠標操作之后目標表格中信息的顯示狀態(tài)；以及當需要對目標表格重新進行顯示時，目標表格以第一目標狀態(tài)進行顯示，解決了相關(guān)技術(shù)在網(wǎng)頁中使用表格顯示數(shù)據(jù)信息時用戶體驗度較差的問題，由于記錄了在對目標表格列頭執(zhí)行鼠標操作后目標表格的第一目標狀態(tài)，當需要對目標表格重新進行顯示時，目標表格以第一目標狀態(tài)進行顯示，在網(wǎng)頁表格中實現(xiàn)了對表格展現(xiàn)形式進行自定義配置，下次表格顯示時會根據(jù)上次配置信息顯示表格，進而達到了提升用戶體驗度的效果。

圖3是根據(jù)本申請第二實施例的網(wǎng)頁表格的顯示方法的流程圖。圖3可以作為圖2所示實施例的一種優(yōu)選實施方式。如圖3所示，該方法包括以下步驟：

步驟S301，在網(wǎng)頁中創(chuàng)建目標表格，其中，目標表格為已預先添加鼠標操作功能的表格，目標表格中包括目標表格列頭。

步驟S301同上述的步驟S201，在此不再贅述。

步驟S302，檢測是否接收到對目標表格列頭的鼠標操作，其中，鼠標操作包括單擊操作和拖拽操作。

步驟S302同上述的步驟S202，在此不再贅述。

步驟S303，如果接收到對目標表格列頭的鼠標操作，對目標表格列頭執(zhí)行鼠標操作并記錄目標表格的第一目標狀態(tài)，其中，第一目標狀態(tài)為在對目標表格列頭進行鼠標操作之后目標表格中信息的顯示狀態(tài)。

步驟S303同上述的步驟S203，在此不再贅述。

步驟S304，當需要對目標表格重新進行顯示時，目標表格以第一目標狀態(tài)進行顯示。

步驟S304同上述的步驟S204，在此不再贅述。

步驟S305，檢測是否接收到對目標表格列頭的鼠標操作。

在目標表格以第一目標狀態(tài)進行顯示之后，再次檢測是否接收到對目標表格列頭的鼠標操作。

步驟S306，如果接收到對目標表格列頭的鼠標操作，對目標表格列頭執(zhí)行鼠標操作并記錄目標表格的第二目標狀態(tài)。

在目標表格以第一目標狀態(tài)進行顯示之后，如果接收到對目標表格列頭的鼠標操 作，對目標表格列頭執(zhí)行鼠標操作并記錄目標表格的第二目標狀態(tài)。

步驟S307，當需要對目標表格重新進行顯示時，目標表格以第二目標狀態(tài)進行顯示。

優(yōu)選地，在對目標表格列頭執(zhí)行鼠標操作并記錄目標表格的第二目標狀態(tài)之后，在當需要對目標表格重新進行顯示時，目標表格以第二目標狀態(tài)進行顯示之前，該方法還包括：將目標表格的第二目標狀態(tài)存儲至網(wǎng)頁對應的瀏覽器的Cookie中，并覆蓋瀏覽器的Cookie中已存儲的目標表格的第一目標狀態(tài)，當需要對目標表格重新進行顯示時，目標表格以第二目標狀態(tài)進行顯示包括：當需要對目標表格重新進行顯示時，從網(wǎng)頁對應的瀏覽器的Cookie中獲取目標表格的第二目標狀態(tài)；以及將目標表格以第二目標狀態(tài)進行顯示。

在目標表格以第一目標狀態(tài)進行顯示之后，通過再次檢測是否接收到對目標表格列頭的鼠標操作，如果接收到對目標表格列頭的鼠標操作，對目標表格列頭執(zhí)行鼠標操作并記錄目標表格的第二目標狀態(tài)，當需要對目標表格重新進行顯示時，目標表格以第二目標狀態(tài)進行顯示。對目標表格的狀態(tài)進行及時更新，將目標表格的最新狀態(tài)在用戶面前顯示，保證了讓用戶感覺重新生成的表格狀態(tài)和上次瀏覽時完全一致。

本申請實施例提供的網(wǎng)頁表格的顯示方法，通過在網(wǎng)頁中創(chuàng)建目標表格，其中，目標表格為已預先添加鼠標操作功能的表格，目標表格中包括目標表格列頭；檢測是否接收到對目標表格列頭的鼠標操作，其中，鼠標操作包括單擊操作和拖拽操作；如果接收到對目標表格列頭的鼠標操作，對目標表格列頭執(zhí)行鼠標操作并記錄目標表格的第一目標狀態(tài)，其中，第一目標狀態(tài)為在對目標表格列頭進行鼠標操作之后目標表格中信息的顯示狀態(tài)；以及當需要對目標表格重新進行顯示時，目標表格以第一目標狀態(tài)進行顯示，檢測是否接收到對目標表格列頭的鼠標操作；如果接收到對目標表格列頭的鼠標操作，對目標表格列頭執(zhí)行鼠標操作并記錄目標表格的第二目標狀態(tài)；以及當需要對目標表格重新進行顯示時，目標表格以第二目標狀態(tài)進行顯示，解決了相關(guān)技術(shù)在網(wǎng)頁中使用表格顯示數(shù)據(jù)信息時用戶體驗度較差的問題，由于記錄了在對目標表格列頭執(zhí)行鼠標操作后目標表格的第二目標狀態(tài)，當需要對目標表格重新進行顯示時，目標表格以第二目標狀態(tài)進行顯示，在網(wǎng)頁表格中實現(xiàn)了對表格展現(xiàn)形式進行自定義配置，下次表格顯示時會根據(jù)上次配置信息顯示表格，進而達到了提升用戶體驗度的效果。

此處還需要說明的是，本申請?zhí)峁┑木W(wǎng)頁表格的顯示方法中對目標表格列頭的操作不限于鼠標操作，也可以為鍵盤操作，或者觸摸操作，例如，在觸摸顯示屏中，還可以通過觸摸屏采集到的電信號來實現(xiàn)本申請實施例提供的網(wǎng)頁表格的顯示方法，即在本申請中不限于對表格列頭預先添加鼠標操作功能，也可以預先添加鍵盤操作功能， 或者觸摸操作功能，根據(jù)預先添加的功能對網(wǎng)頁中的表格進行相應的編輯功能，在再次顯示網(wǎng)頁中的表格時，顯示上次設(shè)置過的表格的狀態(tài)，進而達到了提升用戶體驗度的效果。

另外，在附圖的流程圖示出的步驟可以在諸如一組計算機可執(zhí)行指令的計算機系統(tǒng)中執(zhí)行，并且，雖然在流程圖中示出了邏輯順序，但是在某些情況下，可以以不同于此處的順序執(zhí)行所示出或描述的步驟。

本申請實施例還提供了一種網(wǎng)頁表格的顯示裝置，需要說明的是，本申請實施例的網(wǎng)頁表格的顯示裝置可以用于執(zhí)行本申請實施例所提供的用于網(wǎng)頁表格的顯示方法。以下對本申請實施例提供的網(wǎng)頁表格的顯示裝置進行介紹。

圖4是根據(jù)本申請實施例的網(wǎng)頁表格的顯示裝置的示意圖。如圖4所示，該裝置包括：創(chuàng)建單元10、第一檢測單元20、第一記錄單元30和第一顯示單元40。

創(chuàng)建單元10，用于在網(wǎng)頁中創(chuàng)建目標表格，其中，目標表格為已預先添加鼠標操作功能的表格，目標表格中包括目標表格列頭。

第一檢測單元20，用于檢測是否接收到對目標表格列頭的鼠標操作，其中，鼠標操作包括單擊操作和拖拽操作。

第一記錄單元30，用于在接收到對目標表格列頭的鼠標操作的情況下，對目標表格列頭執(zhí)行鼠標操作并記錄目標表格的第一目標狀態(tài)，其中，第一目標狀態(tài)為在對目標表格列頭進行鼠標操作之后目標表格中信息的顯示狀態(tài)。

第一顯示單元40，用于當需要對目標表格重新進行顯示時，目標表格以第一目標狀態(tài)進行顯示。

本申請實施例提供的網(wǎng)頁表格的顯示裝置，通過創(chuàng)建單元10在網(wǎng)頁中創(chuàng)建目標表格，其中，目標表格為已預先添加鼠標操作功能的表格，目標表格中包括目標表格列頭；第一檢測單元20檢測是否接收到對目標表格列頭的鼠標操作，其中，鼠標操作包括單擊操作和拖拽操作；第一記錄單元30在接收到對目標表格列頭的鼠標操作的情況下，對目標表格列頭執(zhí)行鼠標操作并記錄目標表格的第一目標狀態(tài)，其中，第一目標狀態(tài)為在對目標表格列頭進行鼠標操作之后目標表格中信息的顯示狀態(tài)；以及第一顯示單元40當需要對目標表格重新進行顯示時，目標表格以第一目標狀態(tài)進行顯示，解決了相關(guān)技術(shù)在網(wǎng)頁中使用表格顯示數(shù)據(jù)信息時用戶體驗度較差的問題，進而達到了在網(wǎng)頁中使用表格顯示數(shù)據(jù)信息時提升用戶體驗度的效果。

可選地，在本申請實施例提供的網(wǎng)頁表格的顯示裝置中，單擊操作包括第一單擊操作、第二單擊操作和第三單擊操作，第一單擊操作為對目標表格列頭對應列中的信 息進行排序的操作，第二單擊操作為對目標表格列頭對應列中的信息進行隱藏的操作，第三單擊操作為對目標表格列頭對應列中的信息進行顯示的操作，拖拽操作包括對目標表格列頭對應列在目標表格中進行排序的操作，第一記錄單元30包括：第一排序模塊，用于在接收到的鼠標操作是第一單擊操作的情況下，對目標表格列頭對應列中的信息進行排序，記錄對目標表格列頭對應列中的信息進行排序后目標表格中信息的顯示狀態(tài)；隱藏模塊，用于在接收到的鼠標操作是第二單擊操作的情況下，對目標表格列頭對應列中的信息進行隱藏，記錄對目標表格列頭對應列中的信息進行隱藏后目標表格中信息的顯示狀態(tài)；顯示模塊，用于在接收到的鼠標操作是第三單擊操作的情況下，對目標表格列頭對應列中的信息進行顯示，記錄對目標表格列頭對應列中的信息進行顯示后目標表格中信息的顯示狀態(tài)；第二排序模塊，用于在接收到的鼠標操作是拖拽操作的情況下，對目標表格列頭對應列在目標表格中進行排序，記錄對目標表格列頭對應列在目標表格中進行排序后目標表格中信息的顯示狀態(tài)。

可選地，在本申請實施例提供的網(wǎng)頁表格的顯示裝置中，該裝置還包括：第一存儲單元，用于將目標表格的第一目標狀態(tài)存儲至網(wǎng)頁對應的瀏覽器的Cookie中，第一顯示單元還用于當需要對目標表格重新進行顯示時，從網(wǎng)頁對應的瀏覽器的Cookie中獲取目標表格的第一目標狀態(tài)；以及將目標表格以第一目標狀態(tài)進行顯示。

可選地，在本申請實施例提供的網(wǎng)頁表格的顯示裝置中，該裝置還包括：第二檢測單元，用于檢測是否接收到對目標表格列頭的鼠標操作；第二記錄單元，用于在接收到對目標表格列頭的鼠標操作的情況下，對目標表格列頭執(zhí)行鼠標操作并記錄目標表格的第二目標狀態(tài)；以及第二顯示單元，用于當需要對目標表格重新進行顯示時，目標表格以第二目標狀態(tài)進行顯示。

可選地，在本申請實施例提供的網(wǎng)頁表格的顯示裝置中，該裝置還包括：第二存儲單元，用于將目標表格的第二目標狀態(tài)存儲至網(wǎng)頁對應的瀏覽器的Cookie中，并覆蓋瀏覽器的Cookie中已存儲的目標表格的第一目標狀態(tài)，第二顯示單元還用于當需要對目標表格重新進行顯示時，從網(wǎng)頁對應的瀏覽器的Cookie中獲取目標表格的第二目標狀態(tài)；以及將目標表格以第二目標狀態(tài)進行顯示。

所述網(wǎng)頁表格的顯示裝置包括處理器和存儲器，上述創(chuàng)建單元、第一檢測單元、第一記錄單元和第一顯示單元等均作為程序單元存儲在存儲器中，由處理器執(zhí)行存儲在存儲器中的上述程序單元。

處理器中包含內(nèi)核，由內(nèi)核去存儲器中調(diào)取相應的程序單元。內(nèi)核可以設(shè)置一個或以上，通過調(diào)整內(nèi)核參數(shù)來顯示網(wǎng)頁表格。

存儲器可能包括計算機可讀介質(zhì)中的非永久性存儲器，隨機存取存儲器(RAM)和/ 或非易失性內(nèi)存等形式，如只讀存儲器(ROM)或閃存(flash RAM)，存儲器包括至少一個存儲芯片。

本申請還提供了一種計算機程序產(chǎn)品的實施例，當在數(shù)據(jù)處理設(shè)備上執(zhí)行時，適于執(zhí)行初始化有如下方法步驟的程序代碼：在網(wǎng)頁中創(chuàng)建目標表格，其中，目標表格為已預先添加鼠標操作功能的表格，目標表格中包括目標表格列頭；檢測是否接收到對目標表格列頭的鼠標操作，其中，鼠標操作包括單擊操作和拖拽操作；如果接收到對目標表格列頭的鼠標操作，對目標表格列頭執(zhí)行鼠標操作并記錄目標表格的第一目標狀態(tài)，其中，第一目標狀態(tài)為在對目標表格列頭進行鼠標操作之后目標表格中信息的顯示狀態(tài)；以及當需要對目標表格重新進行顯示時，目標表格以第一目標狀態(tài)進行顯示。

需要說明的是，對于前述的各方法實施例，為了簡單描述，故將其都表述為一系列的動作組合，但是本領(lǐng)域技術(shù)人員應該知悉，本申請并不受所描述的動作順序的限制，因為依據(jù)本申請，某些步驟可以采用其他順序或者同時進行。其次，本領(lǐng)域技術(shù)人員也應該知悉，說明書中所描述的實施例均屬于優(yōu)選實施例，所涉及的動作和模塊并不一定是本申請所必須的。

在上述實施例中，對各個實施例的描述都各有側(cè)重，某個實施例中沒有詳述的部分，可以參見其他實施例的相關(guān)描述。

在本申請所提供的幾個實施例中，應該理解到，所揭露的裝置，可通過其它的方式實現(xiàn)。例如，以上所描述的裝置實施例僅僅是示意性的，例如所述單元的劃分，僅僅為一種邏輯功能劃分，實際實現(xiàn)時可以有另外的劃分方式，例如多個單元或組件可以結(jié)合或者可以集成到另一個系統(tǒng)，或一些特征可以忽略，或不執(zhí)行。

所述作為分離部件說明的單元可以是或者也可以不是物理上分開的，作為單元顯示的部件可以是或者也可以不是物理單元，即可以位于一個地方，或者也可以分布到多個網(wǎng)絡單元上?？梢愿鶕?jù)實際的需要選擇其中的部分或者全部單元來實現(xiàn)本實施例方案的目的。

另外，在本申請各個實施例中的各功能單元可以集成在一個處理單元中，也可以是各個單元單獨物理存在，也可以兩個或兩個以上單元集成在一個單元中。上述集成的單元既可以采用硬件的形式實現(xiàn)，也可以采用軟件功能單元的形式實現(xiàn)。

顯然，本領(lǐng)域的技術(shù)人員應該明白，上述的本申請的各模塊或各步驟可以用通用的計算裝置來實現(xiàn)，它們可以集中在單個的計算裝置上，或者分布在多個計算裝置所組成的網(wǎng)絡上，可選地，它們可以用計算裝置可執(zhí)行的程序代碼來實現(xiàn)，從而，可以將它們存儲在存儲裝置中由計算裝置來執(zhí)行，或者將它們分別制作成各個集成電路模 塊，或者將它們中的多個模塊或步驟制作成單個集成電路模塊來實現(xiàn)。這樣，本申請不限制于任何特定的硬件和軟件結(jié)合。

以上所述僅為本申請的優(yōu)選實施例，并不用于限制本申請，對于本領(lǐng)域的技術(shù)人員來說，本申請可以有各種更改和變化。凡在本申請的精神和原則之內(nèi)，所作的任何修改、等同替換、改進等，均應包含在本申請的保護范圍之內(nèi)。