酷炫的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

You Might Also Like

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

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

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *