本人主要是 java 工程師
請教各位前端大神,可否有推薦的前端畫表格套件
不依賴框架
不用自己寫太多代碼
有幾個需求
1.希望能簡單的實現後端分頁功能
(比如按下後十頁,可以去後端資料庫撈第500~1000筆資料)
2.希望泛用性高,現在市面上比較多人在用
3.最好有RWD
4.長得好看一點(?
本人現在是用 jquery 的 datatable
但是他這個要實現後端分頁功能
還得自己寫一堆code來算分頁,蠻麻煩的
不然就只能一次全部撈出來,怕資料量一大跑的久
還請各位大神推薦
補充說明:
不好意思表達不清楚
我是希望下方欄長這樣 << , <, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, > , >>
然後按下 ">>" 可以直接送到參數後端拉 11~20 頁的資料( 我預想的是後端收參後處理)
拉出來後,前端套件再自行分頁 "會自動顯示 11,12...20 ",而不是重新跑"1,2,3...."
1.希望能簡單的實現後端分頁功能
(比如按下後十頁,可以去後端資料庫撈第500~1000筆資料)
這是後端的事,不是前端處理的。正確來說,前端大多只是送進第幾頁而已。
2.希望泛用性高,現在市面上比較多人在用
這我不清楚,目前比較常看到的是jqgrid 。這算是很老的一種資料插件。算是比較多人用的吧。
3.最好有RWD
一般大多數來說,這是靠前端的功力。及客戶的需求。
4.長得好看一點(?
同第3點,一般這一類的東西還是得看前端的功力處理。
依照這些需求推薦使用DataTables這個套件
功能強大,幾乎要甚麼有甚麼,很多時候不是他沒有,而是你不知道他有
進階功能可以透過引入其他擴展檔案來達到
不會有那種,我只需要簡單的功能,結果卻需要引用超大的檔案才能夠使用的狀況
算是上手容易,完全精通很難(因為功能真的太多)的套件吧
希望能簡單的實現後端分頁功能
可以透過ajax傳送頁數、單頁資料筆數、排序依據欄位...等等
再讓後端回傳相對應的資料,就可以達到後端分頁、排序等等功能
希望泛用性高,現在市面上比較多人在用
有多少人用不知道,但是簡單的運用網路上教學滿多的,官方的文件也寫很清楚,甚至還有線上範例可以看
最好有RWD
有,預設就能自動調整欄位寬度
如果引入擴展功能,還能夠在寬度不足時藏起欄位(可以設定隱藏優先度),按下開闔按鈕開啟隱藏欄位(Responsive integration)
長得好看一點(?
有不同的外觀可以做選擇
我大多都是用bootstrap的外觀,跟我們在做的網站風格比較融入
抱歉我沒注意到原po就是用DataTables...
但是DataTables的後端分頁功能的部分應該就只需要最低限度的code才對
search、order、columns、start、length這幾個參數有處理就好
甚至不想處理的話,在前端關掉那個功能,然後後端不實做那個功能就行
而且需要後端分頁...那不管甚麼套件都要在後端實現一樣的程式碼,就只是輸出輸入的格式不同而已
謝謝回復!
主要是不確定他能不能處理正確分頁頁數問題
不希望套了套件以後還要額外寫一大坨 js 在處理...
哈
https://datatables.net/examples/server_side/index.html
https://datatables.net/examples/ajax/index.html
這兩邊例子看完應該就會寫了...
JS部分應該是只會送頁數等一些資訊
其實真的不難
js只要調整設定即可
DataTables會幫你處理
$('#example').DataTable( {
"ajax": "get_data.php",
"processing": true,
"serverSide": true,
"columns": columns,
} );
感謝各位大神
我們前端畫表格工具都自己寫,排個grid一覽表很快,最近在排 table 管理,要跟我們客戶直接線上討論,將繼續增加編修功能
我是.net mvc的
之前也有寫過datatable用後端分頁
我是參考這網址,也許對你有幫助
http://demo.dotnetawesome.com/jquery-datatable-server-side-pagination-sorting