如何在 jquery 数据表中显示没有(键值)对的数据

Question

>我有数组的数据集：

[
  {0:0, 1:"test-1", 2:1, 3:"data-1"}, 
  {0:1, 1:"test-2", 2:2, 3:"data-2"},
  {0:2, 1:"test-3", 2:3, 3:"data-3"},
];

如何在 jQuery 数据表中显示数据？我无法使用这种类型的数据集进行填充。

谢谢你的时间。

Answer 1

Datatable 提供了许多如何从动态数据源生成表的方法。

示例

您的数据来自javascript，请参阅此链接中的文档和示例：

https://datatables.net/examples/data_sources/js_array.html

从您的示例基本数据中，我们可以生成下面的一些基本表：

var dataSet = [
  {0:0, 1:"test-1", 2:1, 3:"data-1"}, 
  {0:1, 1:"test-2", 2:2, 3:"data-2"},
  {0:2, 1:"test-3", 2:3, 3:"data-3"},
];
$(document).ready(function() {
    $('#example').DataTable( {
        data: dataSet,
        columns: [
            { title: "Index" },
            { title: "Test Name" },
            { title: "Sample No" },
            { title: "Data" },
        ]
    } );
} );

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
<link href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css" rel="stylesheet" />
<table id="example" class="display" width="100%"></table>