如何在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>