2012-06-01 15 views
5

¿Puedo ignorar la ordenación en una columna en particular en el plugin jQuery tablesorting?ignorar la ordenación en una columna particular tablesorter

Básicamente, cuando la página está cargada, no quiero que se haga ninguna clasificación en la columna "Buscar" porque contiene imágenes y hace algo de procesamiento de javascript, lo que ralentiza considerablemente mi clasificación.

Aquí está mi código:

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

Respuesta

7

No importa. lo siguiente responde mi pregunta. no ordena más rápido porque todavía muestra las imágenes en esa columna.

headers: { 
      0: { sorter: false } 

     } 
6

Añadir una clase noSort a la cabecera </td> de las columnas que no desea que se separa y después a lo siguiente:

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

espero que esto ayude!

10

Según el documentation, ahora se puede utilizar class="sorter-false"

+0

pero tenga cuidado, que está soportada sólo a partir de cierta versión, probablemente usted tenía un viejo y necesita actualizar lib – Tebe

Cuestiones relacionadas