Sortieren der datatable durch ausgeblendete Spalte

Habe ich datatable mit id, firstName, lastName, phone, updated Felder.

Problem: ich datatable nur vier Felder (id, Vorname, Nachname und Telefon). Updated Feld ausgeblendet.

Frage: so zu Sortieren datatable durch updated Feld?

Mein code:

   $('#table').dataTable({
        sDom: '<"top"fi>tS',
        sScrollY: ($(window).height() - 250) + "px",
        bPaginate: false,
        bDeferRender: true,
        bAutoWidth: false,
        oLanguage: {
            sInfo: "Total: _TOTAL_ entities",
            sEmptyTable: "No pending entities"
        },
        "aoColumnDefs": [
            { "iDataSort": 4, "aTargets": [ 0 ] }
        ],
        "aoColumns": [
            { "sWidth": "10%" },
            { "sWidth": "40%" },
            { "sWidth": "30%" },
            { "sWidth": "20%" },
            { "sTitle": "updated ", "bVisible":false }
        ],
        fnCreatedRow: function( nRow, aData, iDataIndex ) {
            $(nRow).attr('id', aData[0]);
        }
    });

table.fnAddData([id, firstName, lastName, phone, updated]);
  • Wollen Sie zu Sortieren es auf dem Tisch initilisation?
  • ja. Aber es ist gut, wenn ich Sortieren können es in jedem moment.
  • Ok, welche position wird die update-Spalte in der Tabelle, ich weiß, es ist versteckt, aber es sollte index
  • durch versteckte ich meine, dass ich nicht fügen Sie es an alle. Wenn ich hinzufügen muss updated Spalte, als mir zeigen, wie bitte
  • Ich verstehe es nicht.
  • Ich meine, dass in dem moment table enthält keine updated Feld. Ich weiß nicht, wie add hidden-Feld.

InformationsquelleAutor VB_ | 2014-01-29
  1. 8

    Aus der Dokumentation:.

    iDataSort Die Spalte index (beginnend bei 0!) Sie wollen eine Art ausgeführt werden sollte, wenn diese Spalte für die Sortierung ausgewählten. Dies kann verwendet werden, für die Sortierung auf ausgeblendete Spalten zum Beispiel.

    Default: -1 Verwenden automatisch berechnete Spalte index

    Type: int

    //Using aoColumnDefs
$(document).ready( function() {
  $('#example').dataTable( {
    "aoColumnDefs": [
      { "iDataSort": 1, "aTargets": [ 0 ] }
    ]
  } );
} );

//Using aoColumns
$(document).ready( function() {
  $('#example').dataTable( {
    "aoColumns": [
      { "iDataSort": 1 },
      null,
      null,
      null,
      null
    ]
  } );
} );
    • wie setzen Sortierung: desc, asc?
    • versuchen Sie, diese.."aaSorting": [[ 4, "desc" ]],
    • Dies ist definitiv veraltet nun... Sie sollten mit data-sort via HTML 5. Bitte siehe stackoverflow.com/a/28730668/1408137
    InformationsquelleAutor sree
  2. 2

    können Sie einfach { "iDataSort": 4 } hier (4 ist der index der hidden-Feld)

    var data = [
["1","john","mathew","1234",[]],
["2","Mary","rose","1234","1"],
];

    Hinzufügen hidden-fields und zum hinzufügen von Daten zu der Tabelle

    aaData: data,
aoColumns :[
        { "sTitle": "id","bSortable": false },
        { "sTitle": "firstName","bSortable": false, },
        { "sTitle": "lastName", "bSortable": false,},
        {"sTitle": "phone","bSortable": false},
        {"sTitle": "updated ", "bVisible":false },
        ]

    Hinzufügen ausgeblendete Felder verwenden "bVisible":false

    • wie add hidden-Feld?
    • ich aktualisiert meine Antwort überprüfen Sie es
    • Ich werde überprüfen Sie es in einer Stunde
    • sollte ich updated parameter datatable: table.fnAddData([id, firstName, lastName, phone]) oder table.fnAddData([id, firstName, lastName, phone, updated])?
    • ya! Sie updated parameter wie table.fnAddData([id, firstName, lastName, phone, updated])
    • Ich bekomme Datatables warning (table id = 'home-hr-candidates-pending'): Requested unknown parameter '4' from the data source for row 0
    • hinzufügen von Daten zu der Tabelle, wie ich Sie habe Antwort.. zwei-dimensionales array Werte übergeben, um die Daten-Tabelle..
    • klappt schon, aber ist asc Bestellung (den ich brauche, desc)

    InformationsquelleAutor chriz
  3. 1

    War ich mit einem problem konfrontiert, durch Sortieren der versteckten Spalte in der runtime nicht wissen, der Ansatz gültig ist oder nicht. Ich verwendet die folgenden Zeilen ausblenden die Spalte per CSS

    td:nth-of-type(2) {
display: none;
}

    Wo 2 ist die Spalte, weisen Sie eine Klasse, um Ihr <th class="mycolum1"> und jquery verwenden, um zu Sortieren es wie

    $("#button").click(function(){
$(".mycolumn").click();
})

    Mir verzeihen, wenn der Ansatz nicht gültig ist, aber in meinem Fall ist es 100% akzeptabel.

    InformationsquelleAutor Moxet Khan
Schreibe einen Kommentar