要在網頁呈現表格式資料時,可以使用jQuery DataTables Library,它提供許多功能,像表格資料排序、換頁…等等,讓表格資料的顯示更為簡便。
官方網站在:http://datatables.net/
在Visual Studio 2012的網站中,可以直接利用NuGet下載。
安裝之後在網站專案中會增加許多檔案放在Content與Scripts目錄:
建立一個簡單HTML,加入一個<table>標籤,設定資料與id:
引用DataTable樣式與JavaScript,然後在jQuery ready事件,呼叫dataTable:
執行網頁,預設畫面就會長這樣,可以設定一頁顯示的筆數,以及換頁效果。
蠻簡易使用的。
沒有留言:
張貼留言