angular-datatables/demo/basic/zeroConfig.html at dev · fabiowitt/angular-datatables · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<article class="main-content">
 <header class="article-header">
 <h1><i class="fa fa-play"></i>&nbsp;Zero configuration</h1>
 </header>
 <section class="article-content">
 <p>
 The <code>angular-datatables</code> provides a <code>datatables</code> directive you can add to your <code>&lt;table&gt;</code>:
 </p>
 </section>
 <section class="showcase">
 <tabset>
 <tab heading="Preview">
 <article class="preview">
 <table datatable class="row-border hover">
 <thead>
 <tr>
 <th>ID</th>
 <th>First name</th>
 <th>Last name</th>
 </tr>
 </thead>
 <tbody>
 <tr>
 <td>1</td>
 <td>Foo</td>
 <td>Bar</td>
 </tr>
 <tr>
 <td>123</td>
 <td>Someone</td>
 <td>Youknow</td>
 </tr>
 <tr>
 <td>987</td>
 <td>Iamout</td>
 <td>Ofinspiration</td>
 </tr>
 </tbody>
 </table>
 </article>
 </tab>
 <tab heading="HTML">
<div hljs>
<table datatable class="row-border hover">
 <thead>
 <tr>
 <th>ID</th>
 <th>First name</th>
 <th>Last name</th>
 </tr>
 </thead>
 <tbody>
 <tr>
 <td>1</td>
 <td>Foo</td>
 <td>Bar</td>
 </tr>
 <tr>
 <td>123</td>
 <td>Someone</td>
 <td>Youknow</td>
 </tr>
 <tr>
 <td>987</td>
 <td>Iamout</td>
 <td>Ofinspiration</td>
 </tr>
 </tbody>
</table>
</div>
 </tab>
 <tab heading="JS">
<div hljs language="js">
angular.module('showcase', ['datatables']);
</div>
 </tab>
 </tabset>
 </section>
</article>