UNPKG

lamed_table

Version:

Light table implementation

github.com/perezLamed/lamed_table

perezLamed/lamed_table

32 lines (31 loc) • 1.45 kB
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
<html> <head> <link rel="stylesheet" type="text/css" href="./cdn/jquery.dataTables.min.css"/> <script type="text/javascript" src="./cdn/jquery-3.3.1.js"></script> <script type="text/javascript" src="./cdn/jquery.dataTables.min.js"></script> </head> <body> <table id="dataTable" class="cell-border compact stripe hover" style="width:100%"> <thead> <tr> <th>Id</th> <th>Name</th> <th>Age</th> <th>Cost</th> <th>Description</th> <th>Fk</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>pa</td> <td>50</td> <td>200.1</td> <td>person</td> <td>test</td> </tr> <tr> <td>2</td> <td>Sannie</td> <td>30</td> <td>100.1</td> <td>women</td> <td>test</td> </tr> <tr> <td>3</td> <td>Piet</td> <td>40</td> <td>1500.1</td> <td>man</td> <td>test</td> </tr> <tr> <td>4</td> <td>Cobus</td> <td>50</td> <td>200.1</td> <td>dad</td> <td>test</td> </tr> <tr> <td>4</td> <td>Cobus</td> <td>50</td> <td>200.1</td> <td>dad</td> <td>test</td> </tr> <tr> <td>4</td> <td>Cobus</td> <td>65</td> <td>200.1</td> <td>dad</td> <td>test</td> </tr> <tr> <td>4</td> <td>Cobus</td> <td>70</td> <td>200.1</td> <td>pa</td> <td>test</td> </tr> </tbody> <tfoot> <tr> <th>Id</th> <th>Name</th> <th>Age</th> <th>Cost</th> <th>Description</th> <th>Fk</th> </tr> </tfoot> </table> <script> $(document).ready(function() { $('#dataTable').DataTable({ autoFill: true, keys : true } ); } ); </script> </body> </html>