Commit | Line | Data |
---|---|---|
6a1aa64f DV |
1 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> |
2 | <html> | |
3 | <head> | |
4 | <title>Sortable Tables from Scratch with MochiKit</title> | |
5 | <link href="sortable_tables.css" rel="stylesheet" type="text/css" /> | |
6 | <script type="text/javascript" src="../../MochiKit/MochiKit.js"></script> | |
7 | <script type="text/javascript" src="sortable_tables.js"></script> | |
8 | </head> | |
9 | <body> | |
10 | <h1> | |
11 | Sortable Tables from Scratch with MochiKit | |
12 | </h1> | |
13 | <p> | |
14 | This is an example of how one might do sortable tables in | |
15 | an inobtrusive manner. The data is supplied by the server | |
16 | and is already in the table. | |
17 | </p> | |
18 | <p> | |
19 | For a detailed description of what happens under the hood, | |
20 | check out | |
21 | <a href="sortable_tables.js" class="view-source">sortable_tables.js</a>. | |
22 | </p> | |
23 | <p> | |
24 | View Source: [ | |
25 | <a href="index.html" class="view-source">index.html</a> | | |
26 | <a href="sortable_tables.js" class="view-source">sortable_tables.js</a> | |
27 | ] | |
28 | </p> | |
29 | <table id="sortable_table" class="datagrid"> | |
30 | <thead> | |
31 | <tr> | |
32 | <th mochi:format="str">Domain Name</th> | |
33 | <th mochi:format="isodate">Creation Date</th> | |
34 | <th mochi:format="isodate">Expiry Date</th> | |
35 | <th mochi:format="istr">Organization Name</th> | |
36 | </tr> | |
37 | </thead> | |
38 | <tfoot class="invisible"> | |
39 | <tr> | |
40 | <td colspan="0"></td> | |
41 | </tr> | |
42 | </tfoot> | |
43 | <tbody> | |
44 | <tr> | |
45 | <td>mochibot.com</td> | |
46 | <td>2005-02-10</td> | |
47 | <td>2007-02-10</td> | |
48 | <td>Jameson Hsu</td> | |
49 | </tr> | |
50 | <tr> | |
51 | <td>pythonmac.org</td> | |
52 | <td>2003-09-24</td> | |
53 | <td>2006-09-24</td> | |
54 | <td>Bob Ippolito</td> | |
55 | </tr> | |
56 | <tr> | |
57 | <td>undefined.org</td> | |
58 | <td>2000-01-10</td> | |
59 | <td>2006-01-10</td> | |
60 | <td>Robert J Ippolito</td> | |
61 | </tr> | |
62 | <tr> | |
63 | <td>python.org</td> | |
64 | <td>1995-03-27</td> | |
65 | <td>2007-03-28</td> | |
66 | <td>Python Software Foundation</td> | |
67 | </tr> | |
68 | </tbody> | |
69 | </table> | |
70 | </body> | |
71 | </html> |