jQuery tablesorter - Non ordinamento colonna con valore di valuta formattato

Question

jQuery 1.7.1 & plug-in tablesorter - Ho una colonna di valuta con migliaia di separatori e valori come $ 52,00 $ 26,70 $ 100,00 $ 50,00 $ 1,002,00 $ 1,102.00. Quando cerco di ordinare sempre ordinato nel modo seguente,

$1,002.00 
    $1,102.00 
    $26.70 
    $50.00 
    $52.00 
    $100.00 

bisogno di valori come,

$26.70 
    $50.00 
    $52.00 
    $100.00 
    $1,002.00 
    $1,102.00 

provato molte soluzioni di cui qui, ma senza successo.

Answer 1

Tablesorter consente di definire "custom parsers" per cose come questa.

// add parser through the tablesorter addParser method 
$.tablesorter.addParser({ 
    // set a unique id 
    id: 'thousands', 
    is: function(s) { 
     // return false so this parser is not auto detected 
     return false; 
    }, 
    format: function(s) { 
     // format your data for normalization 
     return s.replace('$','').replace(/,/g,''); 
    }, 
    // set type, either numeric or text 
    type: 'numeric' 
}); 

$(function() { 
    $("table").tablesorter({ 
     headers: { 
      6: {//zero-based column index 
       sorter:'thousands' 
      } 
     } 
    }); 
}); 

Potrebbe essere necessario modificare la funzione di formattazione, che non ho testato.

Answer 2

Se si desidera solo per fissare il numero di valuta (più veloce):

<script type="text/javascript"> 
    $("table").tablesorter({ 
     textExtraction: function(node){ 
      // for numbers formattted like €1.000,50 e.g. Italian 
      // return $(node).text().replace(/[.$£€]/g,'').replace(/,/g,'.'); 

      // for numbers formattted like $1,000.50 e.g. English 
      return $(node).text().replace(/[,$£€]/g,''); 
     } 
    }) 
</script> 

<td><span>£80,000.00</span></td> 

Non mi piacciono questi 3 altre soluzioni proposte su StackOverflow:

1. 'Usa parser personalizzato e si applicano nei table sort init '- non riutilizzabile per le tabelle lotti
2. ' Utilizza parser personalizzato e applica con classe cella di tabella '- markup sporco
3. ' Correzione di ordinamento di TableSorters nella fonte '- seccatura per gli aggiornamenti futuri

Answer 3

Se si vuole risolvere tutti i tipi di dati (più flessibili):

<script type="text/javascript"> 
    $(function() { 
     $("table").tablesorter({ 
      textExtraction: function(node){ 
       var cell_value = $(node).text(); 
       var sort_value = $(node).data('value'); 
       return (sort_value != undefined) ? sort_value : cell_value; 
      } 
     }) 
    }) 
</script> 

<td data-value="2008-04-01">01 Apr 2008</td> 
<td>Alice</td> 
<td data-value="80.00"><span>£80.00</span></td> 

Questo ha il vantaggio di separare i dati di visualizzazione dai dati di ordinamento, più riutilizzabili.

Answer 4

Seguendo la stessa idea proposta da @Ownen, dal tablesorter v2.16.0, è possibile utilizzare l'attributo data-text direttamente, senza la necessità di dichiarare il proprio textExtraction funzione (+ info here):

<td data-text="2008-04-01">01 Apr 2008</td> 
<td>Alice</td> 
<td data-text="80.00"><span>£80.00</span></td> 

Questo l'attributo funziona anche con altri widget, come math.

Nota: al fine di farlo funzionare con la output widget, è necessario dichiarare l'opzione output_dataAttrib:

$('#table').tablesorter({ 
    widgets: ["output"], 
    widgetOptions : { 
     output_dataAttrib: 'data-text' 
    } 
});