JQuery Datatables不显示在JSON对象中创建的数据
我正在使用gentella管理模板中提供的数据表 这是我正在使用的脚本JQuery Datatables不显示在JSON对象中创建的数据,jquery,json,datatables,Jquery,Json,Datatables,我正在使用gentella管理模板中提供的数据表 这是我正在使用的脚本 $("#datatable-buttons").DataTable({ dom: "Bfrtip", buttons: [ { extend: "copy", className: "btn-sm" }, {
$("#datatable-buttons").DataTable({
dom: "Bfrtip",
buttons: [
{
extend: "copy",
className: "btn-sm"
},
{
extend: "csv",
className: "btn-sm"
},
{
extend: "excel",
className: "btn-sm"
},
{
extend: "pdfHtml5",
className: "btn-sm"
},
{
extend: "print",
className: "btn-sm"
},
],
"aadata": [
{
"Name": "Tiger Nixon",
"Position": "System Architect",
"Office": "$320,800",
"Age": "2011/04/25",
"Start date": "Edinburgh",
"Salary": "5421"
},
{
"Name": "Garrett Winters",
"Position": "Accountant",
"Office": "$170,750",
"Age": "2011/07/25",
"Start date": "Tokyo",
"Salary": "8422"
},
{
"Name": "Ashton Cox",
"Position": "Junior Technical Author",
"Office": "$86,000",
"Age": "2009/01/12",
"Start date": "San Francisco",
"Salary": "1562"
},
{
"Name": "Cedric Kelly",
"Position": "Senior Javascript Developer",
"Office": "$433,060",
"Age": "2012/03/29",
"Start date": "Edinburgh",
"Salary": "6224"
}
],
responsive: true
});
<table id="datatable-buttons" class="table table-striped table-bordered">
<thead>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Age</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</thead>
<tbody></tbody>
</table>
名称
位置
办公室
年龄
开始日期
薪水
$（“#数据表按钮”）.datatable({
dom:“Bfrtip”，
按钮：[
{
扩展：“复制”，
类名：“btn sm”
},
{
扩展：“csv”，
类名：“btn sm”
},
{
扩展：“excel”，
类名：“btn sm”
},
{
扩展：“pdfHtml5”，
类名：“btn sm”
},
{
扩展：“打印”，
类名：“btn sm”
},
],
“aaData”：[
{
“名字”：“老虎尼克松”，
“职位”：“系统架构师”，
“办公室”：“$320800”，
“年龄”：“2011/04/25”，
“开始日期”：“爱丁堡”，
“工资”：“5421”
},
{
“姓名”：“Garrett Winters”，
“职位”：“会计”，
“办公室”：“$170750”，
“年龄”：“2011/07/25”，
“开始日期”：“东京”，
“工资”：“8422”
},
{
“姓名”：“阿什顿·考克斯”，
“职位”：“初级技术作者”，
“办公室”：“$86000”，
“年龄”：“2009/01/12”，
“开始日期”：“旧金山”，
“工资”：“1562”
},
{
“姓名”：“塞德里克·凯利”，
“职位”：“高级Javascript开发人员”，
“办公室”：“$433060”，
“年龄”：“2012/03/29”，
“开始日期”：“爱丁堡”，
“工资”：“6224”
}
],
“aoColumns”：[
{“mData”：“Name”}，
{“mData”：“Position”}，
{“mData”：“Office”}，
{“mData”：“Age”}，
{“mData”：“开始日期”}，
{“mData”：“工资”}
],
回答：对
});
名称
位置
办公室
年龄
开始日期
薪水
您需要设置该选项
$（“#数据表按钮”）.datatable({
dom:“Bfrtip”，
按钮：[
{
扩展：“复制”，
类名：“btn sm”
},
{
扩展：“csv”，
类名：“btn sm”
},
{
扩展：“excel”，
类名：“btn sm”
},
{
扩展：“pdfHtml5”，
类名：“btn sm”
},
{
扩展：“打印”，
类名：“btn sm”
},
],
“aaData”：[
{
“名字”：“老虎尼克松”，
“职位”：“系统架构师”，
“办公室”：“$320800”，
“年龄”：“2011/04/25”，
“开始日期”：“爱丁堡”，
“工资”：“5421”
},
{
“姓名”：“Garrett Winters”，
“职位”：“会计”，
“办公室”：“$170750”，
“年龄”：“2011/07/25”，
“开始日期”：“东京”，
“工资”：“8422”
},
{
“姓名”：“阿什顿·考克斯”，
“职位”：“初级技术作者”，
“办公室”：“$86000”，
“年龄”：“2009/01/12”，
“开始日期”：“旧金山”，
“工资”：“1562”
},
{
“姓名”：“塞德里克·凯利”，
“职位”：“高级Javascript开发人员”，
“办公室”：“$433060”，
“年龄”：“2012/03/29”，
“开始日期”：“爱丁堡”，
“工资”：“6224”
}
],
“aoColumns”：[
{“mData”：“Name”}，
{“mData”：“Position”}，
{“mData”：“Office”}，
{“mData”：“Age”}，
{“mData”：“开始日期”}，
{“mData”：“工资”}
],
回答：对
});
名称
位置
办公室
年龄
开始日期
薪水
控制台中的任何错误都可能是因为aadata
区分大小写，应该是aadata
，而不是DataTable
初始化，您应该使用DataTable
…它们用于不同的用途purposes@Dinesh它发出类似于DataTables警告的警报：table id=datatable按钮-请求的未知第0行第0列的参数“0”。有关此错误的详细信息，请看http://datatables.net/tn/4
控制台中的任何错误都可能是因为aadata
区分大小写，应该是aadata
，而不是DataTable
初始化，您应该使用DataTable
…它们用于不同的用途purposes@Dinesh它发出类似于DataTables警告：table的警报id=datatable按钮-为第0行第0列请求的未知参数“0”。有关此错误的详细信息，请参阅http://datatables.net/tn/4
Yo！！这工作非常完美，这正是我想要的。谢谢，伙计，我想我用错参数了。哟！！这工作非常完美，这正是我想要的。谢谢，伙计，我想我用错参数了。