Benutzerdefinierte Sortierung der jQuery-dataTable-Spalten

Ich habe eine Tabelle, die Spalten enthält, die zahlen und NA.

<tr>
    <td>NA</td>
</tr>
<tr>
    <td>1024</td>
</tr>
<tr>
    <td>100</td>
</tr>
<tr>
    <td>200</td>
</tr>
<tr>
    <td>300</td>
</tr>
<tr>
    <td>2096</td>
</tr>

Ich versuche, jQuery-dataTable um die Spalte zu Sortieren, zu produzieren, die folgenden:

NA, 100, 200, 300, 1024, 2096 und 2096, 1024, 300, 200, 100, NA

aber kann nicht herausfinden, wie man es aus dem Lesen der Sortierung und plugins docs.

Ich habe eine Geige von dem code hier: http://jsfiddle.net/stowball/rYtxh/ und würde wirklich zu schätzen einige Hilfe.

  • wenn Sie "-" statt "NA" es funktioniert gut, hier ist js fiddle jsfiddle.net/stowball/rYtxh
  • Danke, das ist wirklich interessant! Wenn ich nicht bekommen, alle anderen Lösungen, die ich haben kann, das zu tun.
InformationsquelleAutor Matt Stow | 2013-07-23
  1. 14

    Indem du auf die Zahlen mit dem HTML-plugin können Sie den vorhandenen code, und ändern Sie die regex Aussehen für negative zahlen statt Strippen alles. Mit diesem können Sie zusammen ein HTML-tag um das "NA" und verwenden Sie die HTML5-data-internalid zum speichern der niedrigsten Nummer der Sammlung.

    so wird es:

    <td><a data-internalid="-1">NA</a></td>

    und (beachten Sie die regex)

    jQuery.extend( jQuery.fn.dataTableExt.oSort, {
"num-html-pre": function ( a ) {
    var x = String(a).replace(/(?!^-)[^0-9.]/g, "");
    return parseFloat( x );
},

"num-html-asc": function ( a, b ) {
    return ((a < b) ? -1 : ((a > b) ? 1 : 0));
},

"num-html-desc": function ( a, b ) {
    return ((a < b) ? 1 : ((a > b) ? -1 : 0));
}});

    Dann in der datatable, legen Sie den Typ num-html

    $('table').dataTable({
    "aoColumns": [{ "sType": "num-html" }],
    "aaSorting": [[ 0, "desc" ]],
});

    Können Sie sehen, meine volle Lösung hier: http://jsfiddle.net/rYtxh/4/

    InformationsquelleAutor Lucas
  2. 17

    Verwenden Sie einfach data-order Attribut in <td> element. Plugin Sortieren Sie basierend auf, dass. Für Ihren Fall wird der HTML-Code:

    <tr>
    <td data-order="-1">NA</td>
</tr>
<tr>
    <td data-order="1024">1024</td>
</tr>
<tr>
    <td data-order="100">100</td>
</tr>
<tr>
    <td data-order="200">200</td>
</tr>
<tr>
    <td data-order="300">300</td>
</tr>
<tr>
    <td data-order="2096">2096</td>
</tr>

    Mehr HTML5-Attribute sind verfügbar, um Probleme zu lösen von filtern, Sortieren, suchen, etc.

    https://datatables.net/examples/advanced_init/html5-data-attributes.html

    • die Antwort ist hilfreich, die position der Zitate falsch sind.
    • Danke @Ken für die Hervorhebung
    • Danke @Aziz Saleh für das Bearbeiten
    InformationsquelleAutor Anjani
Schreibe einen Kommentar