Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

adding an example of sortable html table

  • Loading branch information...
commit 9b8865a59330107e339a48cfcc693faeaa35967a 1 parent c09f340
@jspillers authored
View
BIN  images/sort_example/sort_asc.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  images/sort_example/sort_asc_disabled.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  images/sort_example/sort_both.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  images/sort_example/sort_desc.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  images/sort_example/sort_desc_disabled.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
360 sort_example.html
@@ -0,0 +1,360 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<html>
+ <head>
+ <title>server list sort example</title>
+ <style type="text/css" title="currentStyle">
+ #server-list {
+ }
+
+ #server-list th,
+ #server-list td {
+ padding: 2px 20px 2px 10px;
+ text-align: left;
+ }
+
+ #server-list th {
+ background-color: #efefef;
+ }
+
+ .sorting_asc {
+ background: url('images/sort_example/sort_asc.png') no-repeat center right;
+ }
+
+ .sorting_desc {
+ background: url('images/sort_example/sort_desc.png') no-repeat center right;
+ }
+
+ .sorting {
+ background: url('images/sort_example/sort_both.png') no-repeat center right;
+ }
+
+ .sorting_asc_disabled {
+ background: url('images/sort_example/sort_asc_disabled.png') no-repeat center right;
+ }
+
+ .sorting_desc_disabled {
+ background: url('images/sort_example/sort_desc_disabled.png') no-repeat center right;
+ }
+
+ </style>
+
+ <script type="text/javascript" language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
+ <script type="text/javascript" language="javascript" src="http://www.datatables.net/release-datatables/media/js/jquery.dataTables.js"></script>
+
+ <!-- fire up the data table after the dom finishes loading -->
+ <script type="text/javascript" charset="utf-8">
+ $(document).ready(function() {
+ $('#server-list').dataTable({
+ "bPaginate": false,
+ "bLengthChange": false,
+ "bFilter": true,
+ "bSort": true,
+ "bInfo": false,
+ "bAutoWidth": false
+ });
+ });
+ </script>
+
+ </head>
+
+ <body>
+ <table id="server-list">
+ <thead>
+ <tr>
+ <th>curr players</th>
+ <th>max players</th>
+ <th>ping</th>
+ <th>play!</th>
+ </tr>
+ </thead>
+ <tr>
+ <td>0</td>
+ <td>5</td>
+ <td>241</td>
+ <td><a href="aos://3318760287">asdwqqq</a></td>
+ </tr>
+ <tr>
+ <td>0</td>
+ <td>16</td>
+ <td>138</td>
+ <td><a href="aos://4264930398">Excelle Server</a></td>
+ </tr>
+ <tr>
+ <td>0</td>
+ <td>6</td>
+ <td>60</td>
+ <td><a href="aos://1478757024">chunklebooty</a></td>
+ </tr>
+ <tr>
+ <td>0</td>
+ <td>10</td>
+ <td>97</td>
+ <td><a href="aos://3064379976">Jack in the box</a></td>
+ </tr>
+ <tr>
+ <td>32</td>
+ <td>32</td>
+ <td>86</td>
+ <td><a href="aos://1018795907">4chan Midwest Madness</a></td>
+ </tr>
+ <tr>
+ <td>32</td>
+ <td>32</td>
+ <td>84</td>
+ <td><a href="aos://1381448082">Join Plox</a></td>
+ </tr>
+ <tr>
+ <td>0</td>
+ <td>32</td>
+ <td>81</td>
+ <td><a href="aos://3409460608">Georgia Tech</a></td>
+ </tr>
+ <tr>
+ <td>0</td>
+ <td>13</td>
+ <td>56</td>
+ <td><a href="aos://3606981912">4.45.254.214</a></td>
+ </tr>
+ <tr>
+ <td>16</td>
+ <td>16</td>
+ <td>129</td>
+ <td><a href="aos://1943715142">VidyAutism</a></td>
+ </tr>
+ <tr>
+ <td>32</td>
+ <td>32</td>
+ <td>127</td>
+ <td><a href="aos://1473137261">Flapjack UK Dedicated v026</a></td>
+ </tr>
+ <tr>
+ <td>0</td>
+ <td>15</td>
+ <td>138</td>
+ <td><a href="aos://3753634946">30.236.187.223</a></td>
+ </tr>
+ <tr>
+ <td>0</td>
+ <td>32</td>
+ <td>54</td>
+ <td><a href="aos://1435614232">GWJ NYC 1</a></td>
+ </tr>
+ <tr>
+ <td>4</td>
+ <td>4</td>
+ <td>162</td>
+ <td><a href="aos://866086223">Pepito grillo</a></td>
+ </tr>
+ <tr>
+ <td>0</td>
+ <td>32</td>
+ <td>132</td>
+ <td><a href="aos://2436997934">EU TEST</a></td>
+ </tr>
+ <tr>
+ <td>0</td>
+ <td>10</td>
+ <td>153</td>
+ <td><a href="aos://1947166297">Brno</a></td>
+ </tr>
+ <tr>
+ <td>0</td>
+ <td>12</td>
+ <td>151</td>
+ <td><a href="aos://1837502791">how compuer CA</a></td>
+ </tr>
+ <tr>
+ <td>0</td>
+ <td>5</td>
+ <td>241</td>
+ <td><a href="aos://3318760287">asdwqqq</a></td>
+ </tr>
+ <tr>
+ <td>0</td>
+ <td>16</td>
+ <td>138</td>
+ <td><a href="aos://4264930398">Excelle Server</a></td>
+ </tr>
+ <tr>
+ <td>0</td>
+ <td>6</td>
+ <td>60</td>
+ <td><a href="aos://1478757024">chunklebooty</a></td>
+ </tr>
+ <tr>
+ <td>0</td>
+ <td>10</td>
+ <td>97</td>
+ <td><a href="aos://3064379976">Jack in the box</a></td>
+ </tr>
+ <tr>
+ <td>32</td>
+ <td>32</td>
+ <td>86</td>
+ <td><a href="aos://1018795907">4chan Midwest Madness</a></td>
+ </tr>
+ <tr>
+ <td>32</td>
+ <td>32</td>
+ <td>84</td>
+ <td><a href="aos://1381448082">Join Plox</a></td>
+ </tr>
+ <tr>
+ <td>0</td>
+ <td>32</td>
+ <td>81</td>
+ <td><a href="aos://3409460608">Georgia Tech</a></td>
+ </tr>
+ <tr>
+ <td>0</td>
+ <td>13</td>
+ <td>56</td>
+ <td><a href="aos://3606981912">4.45.254.214</a></td>
+ </tr>
+ <tr>
+ <td>16</td>
+ <td>16</td>
+ <td>129</td>
+ <td><a href="aos://1943715142">VidyAutism</a></td>
+ </tr>
+ <tr>
+ <td>32</td>
+ <td>32</td>
+ <td>127</td>
+ <td><a href="aos://1473137261">Flapjack UK Dedicated v026</a></td>
+ </tr>
+ <tr>
+ <td>0</td>
+ <td>15</td>
+ <td>138</td>
+ <td><a href="aos://3753634946">30.236.187.223</a></td>
+ </tr>
+ <tr>
+ <td>0</td>
+ <td>32</td>
+ <td>54</td>
+ <td><a href="aos://1435614232">GWJ NYC 1</a></td>
+ </tr>
+ <tr>
+ <td>4</td>
+ <td>4</td>
+ <td>162</td>
+ <td><a href="aos://866086223">Pepito grillo</a></td>
+ </tr>
+ <tr>
+ <td>0</td>
+ <td>32</td>
+ <td>132</td>
+ <td><a href="aos://2436997934">EU TEST</a></td>
+ </tr>
+ <tr>
+ <td>0</td>
+ <td>10</td>
+ <td>153</td>
+ <td><a href="aos://1947166297">Brno</a></td>
+ </tr>
+ <tr>
+ <td>0</td>
+ <td>12</td>
+ <td>151</td>
+ <td><a href="aos://1837502791">how compuer CA</a></td>
+ </tr>
+ <tr>
+ <td>0</td>
+ <td>5</td>
+ <td>241</td>
+ <td><a href="aos://3318760287">asdwqqq</a></td>
+ </tr>
+ <tr>
+ <td>0</td>
+ <td>16</td>
+ <td>138</td>
+ <td><a href="aos://4264930398">Excelle Server</a></td>
+ </tr>
+ <tr>
+ <td>0</td>
+ <td>6</td>
+ <td>60</td>
+ <td><a href="aos://1478757024">chunklebooty</a></td>
+ </tr>
+ <tr>
+ <td>0</td>
+ <td>10</td>
+ <td>97</td>
+ <td><a href="aos://3064379976">Jack in the box</a></td>
+ </tr>
+ <tr>
+ <td>32</td>
+ <td>32</td>
+ <td>86</td>
+ <td><a href="aos://1018795907">4chan Midwest Madness</a></td>
+ </tr>
+ <tr>
+ <td>32</td>
+ <td>32</td>
+ <td>84</td>
+ <td><a href="aos://1381448082">Join Plox</a></td>
+ </tr>
+ <tr>
+ <td>0</td>
+ <td>32</td>
+ <td>81</td>
+ <td><a href="aos://3409460608">Georgia Tech</a></td>
+ </tr>
+ <tr>
+ <td>0</td>
+ <td>13</td>
+ <td>56</td>
+ <td><a href="aos://3606981912">4.45.254.214</a></td>
+ </tr>
+ <tr>
+ <td>16</td>
+ <td>16</td>
+ <td>129</td>
+ <td><a href="aos://1943715142">VidyAutism</a></td>
+ </tr>
+ <tr>
+ <td>32</td>
+ <td>32</td>
+ <td>127</td>
+ <td><a href="aos://1473137261">Flapjack UK Dedicated v026</a></td>
+ </tr>
+ <tr>
+ <td>0</td>
+ <td>15</td>
+ <td>138</td>
+ <td><a href="aos://3753634946">30.236.187.223</a></td>
+ </tr>
+ <tr>
+ <td>0</td>
+ <td>32</td>
+ <td>54</td>
+ <td><a href="aos://1435614232">GWJ NYC 1</a></td>
+ </tr>
+ <tr>
+ <td>4</td>
+ <td>4</td>
+ <td>162</td>
+ <td><a href="aos://866086223">Pepito grillo</a></td>
+ </tr>
+ <tr>
+ <td>0</td>
+ <td>32</td>
+ <td>132</td>
+ <td><a href="aos://2436997934">EU TEST</a></td>
+ </tr>
+ <tr>
+ <td>0</td>
+ <td>10</td>
+ <td>153</td>
+ <td><a href="aos://1947166297">Brno</a></td>
+ </tr>
+ <tr>
+ <td>0</td>
+ <td>12</td>
+ <td>151</td>
+ <td><a href="aos://1837502791">how compuer CA</a></td>
+ </tr>
+ </table>
+ </body>
+</html>
Please sign in to comment.
Something went wrong with that request. Please try again.