2012-05-16 15 views
5

Bir sayfada yalnızca 1 tablonun olması durumunda eklenti çalışıyor.Bir sayfada birden çok jQuery TableSorter tablosu nasıl bulunur

Uncaught TypeError: Cannot set property 'count' of undefined

çünkü aşağıda belirtilen sortList seçeneğin var:

Ama iki ile

, bir hata alıyorum. 4. sütunu sıralamak için ayarladım ve önce görüntülenen aux_table, yalnızca 3 sütunu var. Ama işe yarıyor ve main_table yapmıyor. Onları hem çalışmak hem de ikincisi daha önemli olan main_table'a nasıl ulaştırabilirim?

Her iki tablo da tablesorter sınıfıdır ve farklı kimlikleri vardır (main_table ve aux_table).

Sayfadaki ilk tablo çalışır ve ikincisi yoktur. İşte JS benim <head> etiketinden geçerli:

Sen her biri için ayrı ayarlar belirtebilirsiniz böylece her masada masa sıralayıcı örneğini için kodunuzu değiştirmeniz gerekir
$(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]] 
    });  
}); 

cevap

5

.

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

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

Ben basit olacağını biliyordum. Teşekkürler! –

+1

Bu, zamanın öncesindeki tabloları biliyorsanız, doğrudur. Bir komut dosyası, birkaç sayfa üzerinde dinamik olarak oluşturulmuş tabloları işliyorsa, her tablonun bir tür kapsayıcıda çevrilmesinin yararlı olduğunu ve daha sonra her bir (function() 've') işlevini kullandığını buldum. $ (this) .find (". tablesorter-table"); 'tabloları bulmak için .. Sadece paylaşım! – mrcoulson

+0

Bu işe yaramaz. İki ayrı tabloya sahip tablolarım var. ilk tablo çeşitler –

0

Evet, bir sayfaya birden çok tablo ekleyebilirsiniz. Her tabloyu aşağıda gösterildiği gibi ekleyebilirsiniz ve sayfalandırma ve sıralama işlevlerini ayrı olarak eklemek mümkündür.

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

 
});

bu bakınız.

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

+1

[link-only answers] (http://meta.stackoverflow.com/) etiketler/bağlantı-sadece-cevaplar/bilgi) önerilmemektedir, SO cevapları bir çözüm arayışının son noktası olmalıdır (zaman içinde bayatlama eğiliminde olan referansların bir başka durağı). -alone burada, bağlantıyı referans olarak tutarak özetler. – kleopatra

0

Nasıl sınıfına seçme hakkında?

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

ihtiyaç çoklu masalarda sıralamak için ise

..

İlgili konular