2013年5月29日 星期三

jQuery DataTables Library

 

要在網頁呈現表格式資料時,可以使用jQuery DataTables Library,它提供許多功能,像表格資料排序、換頁…等等,讓表格資料的顯示更為簡便。

官方網站在:http://datatables.net/

在Visual Studio 2012的網站中,可以直接利用NuGet下載。

image

安裝之後在網站專案中會增加許多檔案放在Content與Scripts目錄:

image

建立一個簡單HTML,加入一個<table>標籤,設定資料與id:

image

引用DataTable樣式與JavaScript,然後在jQuery ready事件,呼叫dataTable:

image

執行網頁,預設畫面就會長這樣,可以設定一頁顯示的筆數,以及換頁效果。

image

蠻簡易使用的。

image

沒有留言:

總瀏覽量