Javascript dataTables将变量添加到数据列中

时间:2016-11-15 13:14:35

标签: javascript datatables

我使用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>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:1)

是的,变量不是问题,但是你的列需要每个都有一个“title”属性。

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>