Question

我有用HTML构建表格的代码。我们使用字段来应用自定义搜索并更新表格。我想在表中添加分页和列排序/过滤，所以我试图将它转换为jQuery数据表，使用datatables.net中的插件。

我尝试创建表格，然后使用.DataTable（）方法初始化它无效（不添加额外的功能）。

我尝试使用数据和列属性初始化，而我的表只是空的。

我已尝试按照以下文档：

https://www.sitepoint.com/working-jquery-datatables/ - 我能够在这里获取示例，但我使用的是不同类型的数据源和更新版本的库
https://datatables.net/manual/data/ - 显示如何在较新版本中正确使用我的数据源的实际文档（无法使其正常工作）
有关stackoverflow的几个问题

我的jQuery数据表在开发人员控制台中显示一个没有错误的空表。

表：

strObjectSid.Substring(strObjectSid.LastIndexOf('-') + 1)

相关的javascript：

<table id="productsearchresults">
    <thead>
        <tr id="header">
            <th>
                Name
            </th>
            <th>
                Description
            </th>
            <th>
                Unit Price
            </th>
        </tr>
    </thead>
    <tbody>

    </tbody>
</table>

控制台输出：

Answer 1

您的代码对我来说很好。我尝试使用与您相同的代码复制该问题，但它对我有效。

<强> 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吗？

JQuery DataTables插件空表

1 个答案: