分類
前端設計

酷炫的Js排序分頁功能-TinyTable JS

這幾天嘗試把魔獸英雄榜的公會資料成員抓下來玩,抓回來的樣子如下

http://i-joyland.com/wowparty/list.php

然後改成將資料寫入DB

再另外撈出來

當然撈出來的樣子也是一樣。

上網尋找到一個透過 JS 就可達到各欄位排序及分頁的功能

TinyTable JavaScript Table Sorter

table-sorter

重點是JS只有 2.5KB,只要在頁面上加上簡單的語法就可以做出欄位排序及不同數量顯示分頁的功能了。

看起來應該是將所有資料撈出來後透過JS處理,不過當筆數變很大量時,能不能即時處理呢@@..

套用之後的結果

http://i-joyland.com/wowparty/search.php

官網的demo

這功能很不錯,可以多玩玩 XD

作者: Eduardo

在大台北地區出沒,網路愛好者,平時喜歡逛網站接收最新資訊,WordPress 13年經驗,提供WordPress客製化服務。

在〈酷炫的Js排序分頁功能-TinyTable JS〉中有 1 則留言

太神奇了…@@….居然有奇怪的問題,在chrome及Maxthon瀏覽器時超過49筆便會排序發生錯誤,其他的瀏覽器(IE、firefox、Opera、Safari)卻都不會這樣….>_<….

我是把DEMO的ID欄位也加入排序時發現的….不知道您是否有發現….

發表迴響