大家好？
這次要為大家介紹在 GMS 工具開發中，前端好用的外掛程式。
請參考以下網址確認：
https://datatables.net/examples/styling/bootstrap.html
以下是應用（前）與（後）的截圖。
<應用前>
上圖是目前在測試中，約 2 千筆資料在沒有使用外掛程式時的模樣。
（未來如果資料累積得非常多……那場面一定很壯觀吧？）
接著是應用外掛程式後的模樣。
可以設定以 10、20、50、100 筆為單位進行整理查看，並透過 Search 功能搜尋表格列 (Row)，同時也提供了分頁 (Pagination) 功能。
如果您「想要親手實作看看」，或者從未嘗試過實作（分頁、條目、搜尋），我推薦您親自嘗試一次。
如果您已經實作過，且覺得這類作業枯燥繁瑣的話，我認為使用該外掛程式來輕鬆處理會是不錯的選擇。
使用方法簡述如下。
建議使用 jQuery 1.12 版本以上。（我沒有測試過更低的版本。因為範例網站使用的是 1.12 版本，所以特別提及。筆者使用的是 jQuery 2.x 版本。）
1. 下載檔案並應用 <script src=""></script> 指令。
看起來會像這樣：
展開查看
<script src="http://code.jquery.com/jquery-2.1.4.js"></script>
<script src="dataTables.bootstrap.min.js"></script>
<script src="jquery.dataTables.min.js"></script>
2. 進行 API 呼叫。
如下所示進行呼叫。
$(
'#example'
).DataTable();
如果是想要從零開始打造一切的人，我建議嘗試自己開發一次。
但是，對於在業界工作時間緊迫的人，我推薦使用這款外掛。
（不過，如果您需要更高程度的自訂化功能！那麼我還是建議自己開發。）
使用經驗談 —— 非常方便。
只不過，我尚未測試過瀏覽器相容性。在 Chrome 48.0 以上版本可以正常運作。