nas
/
todo_api
Watch 2
Star 1
Fork 0
Code Issues 1 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

Example for #629

Maurits van der Schee 4 years ago
parent
ea80f58d93
commit
5844c74b55
1 changed files with 45 additions and 0 deletions
Unified View Show Diff Stats
  1. 45
    0
      examples/clients/datatables.html

+ 45
- 0
examples/clients/datatables.html View File

1 
+<html>
2 
+<head>
3 
+<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css"/>
4 
+<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
5 
+<script type="text/javascript" src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script>
6 
+<script>
7 
+$(document).ready(function() {
8 
+    $('#example').DataTable( {
9 
+        ajax: {
10 
+            url: '/api.php/records/posts?join=categories&join=users',
11 
+            dataSrc: 'records'
12 
+        },
13 
+        columns: [
14 
+            { data: "id" },
15 
+            { data: "user_id.username" },
16 
+            { data: "category_id.name" },
17 
+            { data: "content" }
18 
+        ]
19 
+    });
20 
+});
21 
+</script>
22 
+</head>
23 
+<body>
24 
+
25 
+<table id="example" class="display" style="width:100%">
26 
+    <thead>
27 
+        <tr>
28 
+            <th>ID</th>
29 
+            <th>Username</th>
30 
+            <th>Category</th>
31 
+            <th>Content</th>
32 
+        </tr>
33 
+    </thead>
34 
+    <tfoot>
35 
+        <tr>
36 
+            <th>ID</th>
37 
+            <th>Username</th>
38 
+            <th>Category</th>
39 
+            <th>Content</th>
40 
+        </tr>
41 
+    </tfoot>
42 
+</table>
43 
+
44 
+</body>
45 
+</html>

Write Preview
Loading…
Cancel
Save