2016-11-15 2 views
-1

私はテーブルを作成するためにdataTablesを使用しています。静的なデータをテーブルに挿入する必要があります。Javascript dataTablesデータ列に変数を追加します。

だから私は今、このている:

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

はvaluehereする変数を追加することが可能ですか?例えば:

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

myVariableHereが正しくフォーマットされている場合、これは可能なはずです。 –

+3

あなたはそれを試しましたか?最初の一見として、それは動作するようです。質問が単純に「変数を追加することは可能ですか?」と答えた場合は、これを伝えるのに最も適した人だと思います。 –

+0

'var myVariableHere = 'whatever'' jQuery('#mytable ')。 – Anuga

答えて

1

はい変数は問題ではありませんが、あなたの列は、「タイトル」プロパティを持ってそれぞれに必要です。

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

データが{"data": "data.name"、 "title": "Names"}のように見える場合はどうすればよいですか?(dataTable(function(myVariableHere){...}) で十分でしょう。 ? –

関連する問題