2016-11-15 1 views
-1

Ich verwende Datentabellen, um meine Tabellen aufzufüllen, und ich muss einige statische Daten in die Tabelle einfügen.Javascript dataTables Hinzufügen von Variablen in Datenspalten

So habe ich jetzt das:

jQuery('#mytable').DataTable({ 
    data: dataSet, 
    columns: [ 
     { "users": "id" }, 
     { "somethingelse": "valuehere" } 
    ] 
}); 

Ist es möglich, eine Variable zu valuehere hinzufügen? zum Beispiel:

var dataSet = [['userid', 'something else'],['userid', 'something else']]; 
 
var myVariableHere = "some variable"; 
 

 
jQuery('#mytable').DataTable({ 
 
    data: dataSet, 
 
    columns: [ 
 
    { "users": "id" }, 
 
    { "somethingelse": myVariableHere } 
 
    ] 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script> 
 
<link href="https://cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css" rel="stylesheet"/> 
 
<table id="mytable" class="display" width="100%"></table>

+0

Dies sollte möglich sein, wenn die myVariableHere richtig formatiert wurde. –

+3

hast du es versucht? Wie es aussieht, scheint es zu funktionieren. Und wenn die Frage einfach ist "Ist es möglich, eine Variable zu valuehere?", Dann denke ich, Sie sind die am besten platzierte Person, dies zu sagen –

+0

'var myVariableHere = 'was auch immer'' ' jQuery (' # mytable '). DataTable (function (myVariableHere) {...} ' sollte reichen. – Anuga

Antwort

1

Ja die Variable ist kein Problem, aber Ihre Spalten müssen jeweils über ein "Titel" Eigentum.

var dataSet = [['userid', 'something else'],['userid', 'something else']]; 
 
var myVariableHere = "some variable"; 
 

 
jQuery('#mytable').DataTable({ 
 
    data: dataSet, 
 
    columns: [ 
 
    { title: "id" }, 
 
    { title: myVariableHere } 
 
    ] 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script> 
 
<link href="https://cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css" rel="stylesheet"/> 
 
<table id="mytable" class="display" width="100%"></table>

+0

Wie mache ich es, wenn die Daten so aussehen: {" data ":" data.name "," title ":" Names "} ? –

Verwandte Themen