2012-06-01 10 views
5

क्या मैं jquery tableorting प्लगइन में किसी विशेष कॉलम पर सॉर्टिंग को अनदेखा कर सकता हूं?किसी विशेष कॉलम टेबलटर पर सॉर्टिंग को अनदेखा करें

तो मूल रूप से जब पृष्ठ लोड होता है तो मैं "खोज" कॉलम पर कोई सॉर्टिंग नहीं करना चाहता क्योंकि इसमें छवियां होती हैं और कुछ जावास्क्रिप्ट प्रोसेसिंग स्वयं करती है और यह मेरे सॉर्टिंग को काफी धीमा कर देती है।

यहाँ मेरी कोड है:

<script type="text/javascript"> 
jQuery(document).ready(function() { 

    jQuery("table").tablesorter({ 


}); 

});

puts "<table cellspacing=\"1px\" class=\"tablesorter\" >" 
    puts "<thead>" 
    puts "<tr>" 
    puts "<th>Search</th>" 
    puts "<th>Sub-App</th>" 
    puts "<th>Division</th>" 
    puts "<th>Region</th>" 
    puts "<th>Market</th>" 
    puts "<th>Language</th>" 
    puts "<th>Function</th>" 
    puts "<th>LOB</th>" 
    puts "<th>Term</th>" 
    puts "<th>Center</th>" 
    puts "</tr>" 
    puts "</thead>" 
    puts "<tbody>" 

    puts "<tr>" 
    puts "<td id=\"$cellID\">" 
    puts "<img src=\"images/magnifier.gif\" style=\"cursor:pointer\" onclick=\"showRouting({'spec':'${specific}', 'id':'${mkt_id}', 'name':'${mkt_name}', 'xfer':'${xfertype}', 'cell':'${cellID}'})\"</img>" 
    puts "</td>" 
    puts "<td>$level</td>" 
    puts "<td>$div_name</td>" 
    puts "<td>$reg_name</td>" 
    puts "<td>$link</td>" 
    puts "<td>$lang</td>" 
    puts "<td>$func</td>" 
    puts "<td>$lob</td>" 
    puts "<td>$term</td>" 
    puts "<td>$ctr_name</td>" 
    puts "</tr>" 

    puts "</tbody>" 
    puts "</table>" 

उत्तर

7

कोई बात नहीं। निम्नलिखित मेरे प्रश्न का उत्तर देते हैं। यह किसी भी तेज़ सॉर्ट नहीं करता है क्योंकि यह अभी भी उस कॉलम पर छवियों को प्रदर्शित करता है।

headers: { 
      0: { sorter: false } 

     } 
6

छाँटे गए और उसके बाद निम्न करने के लिए स्तंभों की </td> हेडर पर noSort कक्षा जोड़ें आप नहीं चाहते:

$(document).ready(function() { 

    // Get Headers with Class noSort // 
    var theHeaders = {} 
    $(this).find('th.noSort').each(function(i,el){ 
     theHeaders[$(this).index()] = { sorter: false }; 
    }); 

    // Initialize Table Sorter // 
    $("table").tablesorter({ 
     headers: theHeaders 
    }); 
}); 

मुझे आशा है कि इस मदद करता है!

10

documentation के अनुसार, अब आप class="sorter-false"

+0

उपयोग करते हैं लेकिन ध्यान से किया जा सकता है, यह केवल कुछ संस्करण के बाद से समर्थित है, शायद आप एक पुराने एक था और lib अद्यतन करने की आवश्यकता – Tebe