jquery 如何使用datatable而不用 AJAX 调用数据

2fjabf4q  于 2023-01-04  发布在  jQuery
关注(0)|答案(1)|浏览(246)

我想使用Jquery数据表插件,但是数据不是从 AJAX 调用的,数据来自普通的Java MVC模型,所以有什么文档可以参考的吗?
文档链接或示例源代码

sqougxex

sqougxex1#

您可以使用jQuery DataTables插件处理不是通过 AJAX 调用获得的数据,方法是使用data选项指定表的数据源。下面是一个示例,说明如何执行此操作:

<table id="myTable">
  <thead>
    <tr>
      <th>Name</th>
      <th>Position</th>
      <th>Office</th>
      <th>Age</th>
      <th>Start date</th>
      <th>Salary</th>
    </tr>
  </thead>
</table>

<script>
  $(document).ready(function() {
    var table = $('#myTable').DataTable({
      data: [
        {
          name: "Tiger Nixon",
          position: "System Architect",
          office: "Edinburgh",
          age: "61",
          start_date: "2011/04/25",
          salary: "$320,800"
        },
        // More data rows here
      ],
      columns: [
        { data: "name" },
        { data: "position" },
        { data: "office" },
        { data: "age" },
        { data: "start_date" },
        { data: "salary" }
      ]
    });
  });
</script>

相关问题