DataTables ajax + bootstrap 分頁/搜尋/排序/常見問題

標籤：排序   css   xxx   for   scn   row   htm   屬性   body   

我使用的是官網最新的DataTables-1.10.15版本,我個人在使用的過程中遇到了相當多的問題,有的是資料顯示問題,還有的是request unknown parameter xxx for row..,

還有搜尋帶來的重新整理之後無法還原問題,這些問題我下面都會逐一解釋,希望對你有所協助.

個人感覺dataTables對於第一次接觸的人來說,屬性超多,讓人看的眼花繚亂.我在網上搜到的大部分資料感覺對於新手來說有些複雜,特別是

ajax請求那塊,由於dataTables提供的ajax請求方式非常多,加上各個版本的函數和屬性名稱等的差異,讓人看的很是頭疼,不多說進入正題

1.使用步驟

https://weibo.com/6515092670/G9DiZofU2
https://weibo.com/6515092670/G9Djgedqg
https://weibo.com/6515346203/G9Dkb0yAF
https://weibo.com/6515346203/G9DkvDMEF
https://weibo.com/6515346203/G9DkRtfBv
https://weibo.com/6515346203/G9Dl83ryh
https://weibo.com/6515346203/G9DlscNha
https://weibo.com/6515346203/G9DlFtGqK
https://weibo.com/6515346203/G9DlXtdEC
https://weibo.com/6515346203/G9Dmd8o2G
https://weibo.com/6515346203/G9DmufOLL
https://weibo.com/6515346203/G9DmJCyE0
https://weibo.com/6515346203/G9Dn4lzQK

1.1引入必須的js,css檔案等我就不在重複了,這裡需要注意的是如果你是在使用了網上的模板從而需要對模板中的dataTable進行拓展的話,請你一定搞清楚你使用的

版本,否則你在寫代碼時可能會遇到屬性名稱和官方給出的不一致的問題,其次你的html部分至少要有<table>標籤和<thead>

DataTables ajax + bootstrap 分頁/搜尋/排序/常見問題