javascript - 使用 json 值填充数据表
问题描述
我正在进行数据库搜索并返回一个 json。我正在尝试使用数据表显示这些数据,但没有成功。
这是我的代码:
HTML
<table id="table">
<thead>
<tr>
<th width="5%"></th>
<th width="5%">Id</th>
<th width="10%">Cat</th>
<th width="15%">Name</th>
<th width="5%">Code</th>
</tr>
</thead>
</table>
JS
var data = dados.responseJSON[2].Value[0];
settings.myTable.DataTable({
data: dados.responseJSON[2].Value[0],
columns: [
{ data: 'Id' },
{ data: 'Id' },
{ data: 'Cat' },
{ data: 'Name' },
{ data: 'Code' },
]
/****************
WHAT MORE??
*****************\
});
我的变量data
是ajax
成功,当我这样做时console.log
,data
我可以看到这些值。拥有所有 json 对象,并且是我th
表中的确切名称。
我认为我需要插入更多代码来填充表格。当我运行此代码时,不会返回任何错误。
我做错了什么?
解决方案
Make sure you have data from your json in the format of array of objects, e.g:
var data=
[
{
"name": "Tiger shroff",
"place": "Mumbai",
"salary": "3,00,00,000",
"age": "27",
"office": "Lower Parel",
"id": "120"
},
{
"name": "Salman Khan",
"place": "Central Jail",
"salary": "1,00,00,000",
"age": "51",
"office": "Mumbai",
"id": "420"
}
]
Now you can define your columns in datatable function as per keys in the object.
$('#table').DataTable( {
data: data,
columns: [
{ data: 'name' },
{ data: 'place' },
{ data: 'salary' },
{ data: 'id' }
]
});
推荐阅读
- ruby-on-rails - 未执行索引控制器操作且未呈现视图
- agda - 编码集合(唯一元素列表)的正确方法是什么?
- java - 在 React Native 的桥接 Java 方法中使用 Logback
- ruby-on-rails - DotEnv 不会在 database.yml 中加载值
- office-js - 如果在几分钟后等待,则无法在 ItemSend 事件中关闭 Dialog API 对话框
- nuxt.js - 如何开始将 AWS Amplify 集成到 Nuxt.js 项目?
- javascript - 包括还是包括?
- c# - 如何配置 .NET Core Azure 日志记录
- python - 子线程中的 I/O 函数调用超时
- python - 熊猫如何在特定范围内逐行增加滚动平均值的值