JQuery DataTables插件空表
JQuery DataTables插件空表
提问于 2018-04-06 08:31:48
我有用HTML构建表的代码。我们使用字段应用自定义搜索和更新表。我希望将分页和列排序/筛选添加到表中，因此我尝试将其转换为jQuery datatable，使用来自datatables.net的插件。
我尝试创建该表，然后使用.DataTable()方法初始化它，但没有效果(没有添加额外的特性)。
我尝试过使用数据和列属性初始化，而我的表只是空的。
我试着遵循以下文档：
- https://www.sitepoint.com/working-jquery-datatables/ -我能够让这里的示例工作，但我使用的是不同类型的数据源和更新版本的库。
- https://datatables.net/manual/data/ -显示如何在更新的版本中正确使用我的数据源的实际文档(无法使其工作)
- 关于堆栈溢出的几个问题
我的jQuery数据表显示一个空表，在开发人员控制台中没有错误。
表：
<table id="productsearchresults">
<thead>
<tr id="header">
<th>
Name
</th>
<th>
Description
</th>
<th>
Unit Price
</th>
</tr>
</thead>
<tbody>
</tbody>
</table>相关javascript：
var recordData = j$.map(data.records, function(item) {
return {
name: item.Name,
description: item.Product2.Description,
unitprice: item.UnitPrice
};
});
var columns = [
{data:'name'},
{data:'description'},
{data:'unitprice'}
];
console.log(recordData);
console.log(columns);
j$('#productsearchresults').DataTable({
data: recordData,
columns: columns
});控制台输出：
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-04-06 09:29:20
你的密码在我看来没问题。我试图通过使用与您的代码相同的代码来复制这个问题，但它对我是有效的。
JS
var recordData = [
{name:'Item A', description:'Description 1', unitprice:'12.36'},
{name:'Item B', description:'Description 2', unitprice:'63.98'},
{name:'Item C', description:'Description 3', unitprice:'1258.99'}];
var columns = [
{data:'name'},
{data:'description'},
{data:'unitprice'}
];
$('#productsearchresults').DataTable({
data: recordData,
columns: columns
});请看这里：https://codepen.io/anon/pen/OvaJVW?editors=1010
您能确保在数据对象js之前包含了jQuery吗？
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/49697317
复制相关文章
![为什么GraphQL是API的未来[每日前端夜话0x50]](https://ask.qcloudimg.com/http-save/yehe-1120945/izrr4znofo.png)
点击加载更多
相似问题
将多部分请求从一个GraphQL API转发到其他GraphQL API。
参数从一个api传递到另一个api中。
Node.js将值从一个api传递到另一个api。
使用Vue.js将数据从一个API传递到另一个API。
将JWT令牌从一个SPRING API传递到另一个API的最佳方法
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
