2016-06-30 8 views
1

Ich habe eine DataTables-Tabelle, und ich möchte in der Lage sein, den Wert der ersten td zu erhalten, wenn der tr angeklickt wird. Ich habe die Sichtbarkeit dieses td auf false gesetzt.DataTables, Wert der versteckten Zelle erhalten

Edit: weil die beiden Antworten soweit annehmen, kann ich auf die Zelle klicken, die ich will. Ich kann nicht auf die Zelle klicken ich brauche den Wert von.

$(document).ready(function() { 

    var table = $('#example').DataTable({ 
     select: false, 
     "columnDefs": [{ 
      className: "ID", 
      "targets":[0], 
      "visible": false, 
      "searchable":false 
     }] 
    });//End of create main table 



    $('#example tbody').on('click', 'tr', function() { 

     cellValue =  //code to get the cell value 
     console.log(cellValue); 

    }); 

}); 

Ich habe eine Menge von Beispielen unter Verwendung der älteren Tables Methode, fnGetColumnData, gesehen, aber ich bin nicht sicher, wie die neuere cell.data() zu implementieren.

Kann mir jemand helfen?

+0

table.cell (this) .data(); –

+0

@NagaSaiA Gibt mir das nicht nur den Wert der Zelle an? – blackandorangecat

+0

um Zellen zu erhalten td anstelle von tr und verwenden table.cell (this) .data() –

Antwort

3

erwartetes Ergebnis zu erreichen und ausgeblendete Spalt Daten erhalten, indem Zeile (this) .data()

$('#example tbody').on('click', 'tr', function() { 
    alert(table.row(this).data()[0]); 
    }); 

http://codepen.io/nagasai/pen/kXyazm

Above Code erwähnte sowohl vollständige Zeilendaten zurück versteckte und sichtbare Daten und Erwähnung die Position der verborgenen Spaltenposition

+0

Das ist also ein schönes Stück Code zum Abrufen der Zelle, auf die ich klicke. Ich kann jedoch nicht auf die Zelle klicken, deren Wert ich möchte ... Die Zelle, die ich möchte, ist versteckt. Ich möchte in der Lage sein, auf eine Zeile zu klicken und den Wert der ersten Zelle zu erhalten. – blackandorangecat

+0

um nur den ersten Wert zu erhalten, verwenden Sie die Option $ ('# Beispiel tbody'). On ('klicken', 'tr', function() { console.log ($ (this) [0] .children [0 ] .innerHTML); }); –

+0

Aktualisierter Codepen -http: //codepen.io/nagasai/pen/WxjNPK –

Verwandte Themen