Cách có nhiều bảng jQuery TableSorter trên một trang

Nhưng với hai, tôi nhận được một lỗi:

Uncaught TypeError: Cannot set property 'count' of undefined

Đó là bởi vì các sortList tùy chọn đặt bên dưới. Tôi đã thiết lập để sắp xếp trên cột thứ 4 và aux_table, được hiển thị trước tiên, chỉ có 3 cột. Nhưng nó hoạt động và main_table thì không. Làm thế nào để tôi có được cả hai để làm việc, hoặc chỉ là thứ hai, quan trọng hơn main_table?

Cả hai bảng đều thuộc loại tablesorter và chúng có các id khác nhau (main_table và aux_table).

Bảng đầu tiên trên trang hoạt động và bảng thứ hai không hoạt động. Đây là JS từ thẻ <head> tôi:

$(document).ready(function() { 
    // call the tablesorter plugin 
    $("table").tablesorter({ 
     // sort on the 4th column (index 3) column, DESC (1). ASC is (0). 
     sortList: [[3,1]] 
    });  
});

Nguồn

2012-05-16 Buttle Butkus

Bạn cần thay đổi mã của bạn để nhanh chóng sorter bảng trên mỗi bảng cá nhân, do đó bạn có thể chỉ định các thiết lập riêng cho mỗi người.

$("#table1").tablesorter({ 
    sortList: [[3,1]] 
}); 

$("#table2").tablesorter();

Nguồn

2012-05-16 08:43:19

tôi biết nó sẽ là đơn giản. Cảm ơn! –

Điều này là chính xác nếu bạn biết các bảng trước thời hạn. Nếu một script đang xử lý các bảng được tạo động trên một vài trang, tôi thấy rất hữu ích khi bao quanh mỗi bảng trong một số loại container và sau đó sử dụng '$ (". Table-sorting-instance "). $ (this) .find (". tableorter-table"); 'để tìm các bảng. Chỉ cần chia sẻ! – mrcoulson

Điều này không có tác dụng. Tôi có 2 bảng với các id riêng biệt và tôi đã nhanh chóng phân tách các bảng như bạn hiển thị ở trên nhưng chỉ –

Có, bạn có thể thêm nhiều bảng trong một trang. Bạn có thể thêm từng bảng vào dạng bọc như hình dưới đây và có thể thêm riêng biệt chức năng phân trang và sắp xếp.

$(document).ready(function() { 
 
    $('.pearl-container').each(function(i) { 
 
    $(this).children(".myTable") 
 
     .tablesorter({ 
 
     widthFixed: true, 
 
     widgets: ['zebra'] 
 
     }) 
 
     .tablesorterPager({ 
 
     container: $(this).children(".pager"), 
 
     size: 5 
 
     }); 
 
    }); 
 

 
});

Vui lòng tham khảo này.

http://www.pearlbells.co.uk/table-pagination/

Nguồn

2015-12-02 12:53:12

Lưu ý rằng [câu trả lời chỉ liên kết] (http://meta.stackoverflow.com/ Thẻ/liên kết chỉ có câu trả lời/thông tin) không được khuyến khích, SO câu trả lời phải là điểm kết thúc của tìm kiếm giải pháp (so với một điểm dừng khác của tài liệu tham khảo, có xu hướng bị hạn chế theo thời gian). bản tóm tắt độc lập ở đây, giữ liên kết dưới dạng tham chiếu. – kleopatra

Làm thế nào về việc chọn lựa trên lớp học?

$(".tablesorter").tablesorter();

nếu cần phải sắp xếp trên nhiều bảng ..

Nguồn

2017-03-13 12:11:41

Cách có nhiều bảng jQuery TableSorter trên một trang

Trả lời

Các vấn đề liên quan