2012-05-16 8 views
5

प्लगइन ठीक काम कर रहा है जब मेरे पास केवल पृष्ठ पर 1 टेबल है।पेज पर कई jQuery टेबलस्लेटर टेबल कैसे हैं

Uncaught TypeError: Cannot set property 'count' of undefined

sortList विकल्प से कम सेट की वजह से है कि:

लेकिन दो के साथ, मैं कोई त्रुटि मिलती है। मैंने इसे 4 वें कॉलम पर क्रमबद्ध करने के लिए सेट किया है, और aux_table, पहले प्रदर्शित किया गया है, केवल 3 कॉलम हैं। लेकिन यह काम करता है और main_table नहीं करता है। मैं उन्हें दोनों काम करने के लिए कैसे प्राप्त करूं, या सिर्फ दूसरा, अधिक महत्वपूर्ण main_table?

दोनों टेबल कक्षा tablesorter हैं और उनके पास अलग-अलग आईडी हैं (main_table और aux_table)।

पृष्ठ पर पहली तालिका काम करती है, और दूसरा नहीं। यहाँ मेरी <head> टैग से जे एस है:

$(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]] 
    });  
}); 

उत्तर

5

तुम इतनी है कि आप प्रत्येक के लिए भिन्न सेटिंग निर्दिष्ट कर सकते हैं, प्रत्येक व्यक्ति की मेज पर तालिका सॉर्टर का दृष्टांत के लिए अपने कोड बदलने की जरूरत है।

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

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

मुझे पता था कि यह आसान होगा। धन्यवाद! –

+1

यदि आप समय से पहले टेबल जानते हैं तो यह सही है। यदि एक स्क्रिप्ट कई पृष्ठों पर गतिशील रूप से जेनरेट की गई सारणी को संभालने में सक्षम है, तो मुझे लगता है कि प्रत्येक तालिका को किसी प्रकार के कंटेनर में घेरना और फिर '$ ("। टेबल-सॉर्टिंग-इंस्टेंस") का उपयोग करना उपयोगी है। प्रत्येक (फ़ंक्शन() 'और' $ (यह)। ढूँढें ("। टेबलटर-टेबल"); 'टेबल ढूंढने के लिए। बस साझा करना! – mrcoulson

+0

यह काम नहीं करता है। मेरे पास अलग-अलग आईडी के साथ 2 टेबल हैं और मैंने उपरोक्त दिखाए जाने पर अलग-अलग टेबललेटर को तुरंत चालू किया लेकिन केवल पहली टेबल प्रकार। –

0

हाँ आप एक पृष्ठ में कई टेबल जोड़ सकते हैं। आप नीचे दिखाए गए अनुसार प्रत्येक तालिका को लपेटकर जोड़ सकते हैं और पेजिनेशन और सॉर्ट कार्यक्षमता को अलग से जोड़ना संभव है।

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

 
});

कृपया इस संदर्भ लें।

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

+1

के नए संस्करणों पर लागू न हो, ध्यान दें कि [केवल-लिंक उत्तर] (http://meta.stackoverflow.com/ टैग/लिंक-केवल-उत्तर/जानकारी) निराश हो जाते हैं, इसलिए SO समाधान एक समाधान के लिए खोज का अंत बिंदु होना चाहिए (बनाम अभी तक संदर्भों का एक और स्टॉपओवर, जो समय के साथ पुराना हो जाता है)। कृपया स्टैंड जोड़ने पर विचार करें लिंक को संदर्भ के रूप में रखते हुए, अकेले सारांश। – kleopatra

0

कैसे वर्ग पर चयन करने के बारे में?

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

यदि एक से अधिक टेबल पर सॉर्ट करने के लिए की जरूरत है ..

संबंधित मुद्दे