Datatable.js从对象生成表
Datatable.js从对象生成表
提问于 2015-06-16 21:39:01
假设我有一组对象，每个对象都包含我想要存储到数据表中的数据。根据文档，我通常会这样做：
var dataSet = [
['Trident', 'Internet Explorer 4.0', 'Win 95+', '4', 'X'],
['Trident', 'Internet Explorer 5.0', 'Win 95+', '5', 'C'],
['Trident', 'Internet Explorer 5.5', 'Win 95+', '5.5', 'A'],
['Gecko', 'Camino 1.0', 'OSX.2+', '1.8', 'A'],
['Gecko', 'Camino 1.5', 'OSX.3+', '1.8', 'A'],
['Gecko', 'Netscape 7.2', 'Win 95+ / Mac OS 8.6-9.2', '1.7', 'A'],
['Gecko', 'Netscape Browser 8', 'Win 98SE+', '1.7', 'A'],
['Gecko', 'Netscape Navigator 9', 'Win 98+ / OSX.2+', '1.8', 'A'],
['Misc', 'PSP browser', 'PSP', '-', 'C'],
['Other browsers', 'All others', '-', '-', 'U']
];但是我的数据是以一个对象数组的形式表示的。我能在一个for循环中遍历它们并获取每个数据块吗？例如，如果我有一个包含标题和一些数据的对象obj，则以下内容无法工作：
var finalObj = "["
for (var i = 0; i < obj.length; i++) {
finalObj = finalObj + "['" + obj[i].title + "','" + obj[i].data + "']";
}
finalobj = finalObj + "]";这导致我的数据表每列只包含一个字母。创建像上面示例那样格式化的字符串(或其他对象)的正确方法是什么？
回答 2
Stack Overflow用户
回答已采纳
发布于 2015-06-16 21:48:42
这是使用初始化对象中的数据选项实现的，传递要使用的数据数组(与所有其他DataTables处理的数据一样，这可以是使用columns.data选项的数组或对象)。
有关代码和演示，请参见下面的示例。
$(document).ready( function () {
var obj = [
{
"title": "Tiger Nixon",
"data": "System Architect"
},
{
"title": "Garrett Winters",
"data": "Accountant"
},
{
"title": "Ashton Cox",
"data": "Junior Technical Author"
}
];
$('#example').DataTable({
"data": obj,
"columns": [
{ "data": "title" },
{ "data": "data" }
]
});
});<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<link href="//cdn.datatables.net/1.10.7/css/jquery.dataTables.min.css" rel="stylesheet" type="text/css" />
<script src="//cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js"></script>
<meta charset=utf-8 />
<title>DataTables - JS Bin</title>
</head>
<body>
<div class="container">
<table id="example" class="display" width="100%">
<thead>
<tr>
<th>Title</th>
<th>Data</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Title</th>
<th>Data</th>
</tr>
</tfoot>
<tbody>
</tbody>
</table>
</div>
</body>
</html>
Stack Overflow用户
发布于 2015-06-16 21:53:59
我想你需要关于javascript源数据的例子
正如您自己看到的，它使用下面的代码来创建表
$('#example').dataTable( {
"data": dataSet,
"columns": [
{ "title": "Engine" },
{ "title": "Browser" },
{ "title": "Platform" },
{ "title": "Version", "class": "center" },
{ "title": "Grade", "class": "center" }
]
} ); 页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/30878719
复制相关文章
相似问题
腾讯云开发者
