2010-06-22 8 views
36

Tôi quan tâm đến việc sử dụng dữ liệu jQuery ... bạn có thể cho tôi biết và cung cấp cho tôi một ví dụ về cách sử dụng điều đó ... và tôi cũng đã được nghe về jqGrid quá ... tốt hơn từ cả hai?jqGrid hoặc dataTable, tốt hơn?

tôi đã cố gắng để tải về DataTable ..

<script type="text/javascript" src="jquery.dataTables.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
    $('#showdata').dataTable({ 
//what must i fill in this area? 
}); 
}); 
</script> 

Trả lời

36

Tôi đã thử cả hai và quyết định sử dụng datatables. Tôi tìm thấy nó có tài liệu tốt hơn, hỗ trợ cộng đồng tốt hơn và nó là đơn giản hơn để bắt đầu và sử dụng plugin này.

Về cơ bản nếu bạn có mã html như thế này:

<table> 
    <thead> 
     <tr>...</tr> 
    </thead> 
    <tbody> 
     <tr>... 
    </tbody> 
</table> 

(tâm theadtbody)

Sau đó bạn ví dụ nên tạo đẹp DataTable. Có một số tham số để tùy chỉnh nó nhưng nó là tùy chọn để sử dụng chúng.

Bạn cũng nên xem xét nếu bạn muốn tạo DataTable của bạn dựa trên:

  1. nội dung html tĩnh (tải một lần)
  2. nội dung nhận được từ máy chủ của bạn

Cả hai tùy chọn là có thể với datatables và cả hai có nhiều ví dụ trên datatables.net.

Trong trường hợp có sự cố, hãy thả thông tin kèm theo chi tiết.

+0

Tôi thà sử dụng GigaTables vì ​​nó có công cụ Editor miễn phí - https://github.com/GigaTables/gigatables. –

+0

@ArthurKushman Có lẽ bạn nên đề cập đến việc bạn là tác giả có khả năng biểu diễn :-) – chteuchteu

+0

Tôi muốn giới thiệu sử dụng phiên bản ReactJS ngày nay - https://github.com/GigaTables/reactables JQuery không được chấp nhận và không được hỗ trợ. PS Vâng, người đóng góp chính là tôi, nhưng đó là một dự án nguồn mở - để cung cấp khả năng trở thành người đóng góp chính cho bất kỳ ai. –

10

Tôi cũng đang sử dụng DataTables. Tôi bị thu hút bởi các tài liệu, api và sự linh hoạt. Trong dự án của tôi, tôi có mặt trước ajax, nơi bảng chứa các điều khiển có thể chỉnh sửa và sắp xếp/lọc cột. Một số lưới có tất cả các dữ liệu trên máy khách, một số dữ liệu của họ kéo từ các cuộc gọi máy chủ được phân trang, tùy thuộc vào khối lượng dữ liệu.

Nhà phát triển có toàn quyền kiểm soát việc hiển thị cột. Tôi đề nghị nó nếu bạn muốn sự linh hoạt. Nó đáng giá. Tác giả, Allan Jardine, rõ ràng rất tài năng

+0

yupz..i đồng ý với ý kiến ​​của bạn. Tôi đã hỏi về câu hỏi này, tôi đã quyết định sử dụng DataTables. gần như trang dữ liệu của tôi hiển thị dưới dạng DataTable. Đây là những thứ mới cho tôi .;) – klox

8

Tôi bắt đầu sử dụng datatables, nhưng nó đã trở nên rất chậm để tải và sắp xếp một vài trăm mặt hàng địa phương. Vì vậy, tôi đã thử jqgrid và nó chạy tốt với hàng ngàn mục được tải cục bộ. Vì vậy, jqgrid có hiệu suất tốt hơn. Nhưng đôi khi tôi cần phải làm việc với hàng chục ngàn mặt hàng địa phương, và jqgrid cũng trở nên chậm chạp. Tôi biết các plugin này được thiết kế để hoạt động với kiến ​​trúc máy khách/máy chủ, vì vậy tôi đang đánh giá để thay đổi thiết kế ứng dụng của tôi.

16

jqgrid có vẻ mạnh mẽ và linh hoạt hơn, tuy nhiên, tài liệu khủng khiếp. Nếu bạn không có ai đó xung quanh để trợ giúp với jqGrid, thì tốt hơn hết là bạn nên sử dụng datatable.

+4

tôi hoàn toàn đồng ý về phần tài liệu khủng khiếp. –

+1

có rất nhiều câu trả lời trên SO và cải thiện rất nhiều trong các phiên bản gần đây – msanjay

5

Công ty của tôi vừa đưa ra quyết định đi cùng với DataTables cũng vì tất cả các lý do được đề cập ở trên. Chúng tôi đã đánh giá nó một vài năm trước và có vẻ như rất nhiều những thiếu sót mà chúng tôi tìm thấy sau đó đã được xác định bởi nhóm. Nó không hoàn hảo nhưng tôi nghĩ rằng một khi chúng tôi đã cam kết học nó trong và ngoài nó sẽ làm tốt.