2012-06-01 16 views
5

Posso ignorare l'ordinamento su una particolare colonna nel plugin jortery tablesorting?ignora l'ordinamento su una particolare colonna tablesorter

Fondamentalmente quando la pagina viene caricata non voglio alcun ordinamento fatto sulla colonna "Cerca" perché contiene immagini e fa qualche elaborazione javascript e questo rallenta notevolmente il mio ordinamento.

Ecco il mio codice:

<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>" 

risposta

7

Non importa. le seguenti risposte alla mia domanda. non ordina più velocemente perché mostra ancora le immagini su quella colonna.

headers: { 
      0: { sorter: false } 

     } 
6

aggiungere una classe noSort alla </td> intestazione delle colonne non si vuole vagliato e al seguente:

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

Spero che questo aiuta!

10

Come per il documentation, è ora possibile utilizzare class="sorter-false"

+0

ma fate attenzione, è supportato solo dal certa versione, probabilmente hai avuto uno vecchio e necessario aggiornare lib – Tebe

Problemi correlati