[JS] 2 thư viện javascript phân trang hiệu quả

Với ASP.net thì cái GridView wá bá đạo rồi, bạn binding datasource vào là xong hết. Nhưng khổ nỗi java hay PHP thì sao? Thông thường, bạn sử dụng vòng loop 1 hồi mới makeup đẹp và hiệu wả, chưa kể phải tự phân trang bằng js.

Thớt này mình giới thiệu 2 plugin tự phân trang. Tuỳ theo các bạn mà nó có thể đc ứng dụng hiển thị 1 dãy tin tức hay 1 table nào đó chẳng hạn

1. DataTables - Table plug-in for jQuery
Link trang chủ: http://datatables.net/
Link demo: http://datatables.net/examples/index



Ưu điểm:
- Nhiều ví dụ cụ thể
- Code mẫu đầy đủ html, css, js
- Tuỳ biến đc số lượng hiển thị ngay trên bảng (như ảnh)
- Có thể tạo thêm cột ngay trong bảng (ví dụ cột tính tổng, tính trung bình cộng chẳng hạn)
- Có search, sắp xếp theo tên y chang Excel
Khuyết điểm:
- Bạn buộc phải load hết records lên... nếu cỡ vài ngàn dòng thì... nó có vẻ nặng nề...

2.jqGrid - jQuery Grid Plugin
Link trang chủ: http://www.trirand.com/blog/
Link demo: http://www.trirand.com/blog/jqgrid/jqgrid.html



Ưu điểm:
- Nhiều ví dụ cụ thể
- Code mẫu đầy đủ php, css, js
- Gridview nhìn y chang ASP.net (như ảnh)
- Load ajax khi sang trang, không load hết tất cả records 1 lần
- Có nút search, nút reload Grid, sắp xếp theo tên y chang Excel
Khuyết điểm:
- Khá tù túng nếu bạn làm web free-style do GridView nhìn nó cũ kĩ wá