chengnan
/
s202226701001


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275
							<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title></title>
</head>
<link href='../demo/style.css' rel='stylesheet'>
<link href='../tablesort.css' rel='stylesheet'>
<body>

<table id='sort'>
  <thead>
    <tr>
      <th>#</th>
      <th>Name</th>
      <th>Birthday</th>
      <th>Grocery item</th>
      <th>Price</th>
      <th>Version</th>
      <th>Filesize</th>
      <th>Insensitive</th>
      <th>data-sort</th>
      <th data-sort-method="monthname">Monthname</th>
      <th aria-sort="descending">Descending</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>2</td>
      <td>Gonzo the Great</td>
      <td>12-2-70</td>
      <td>Radishes</td>
      <td>63€</td>
      <td>31.0.1650.57</td>
      <td>124k</td>
      <td>B</td>
      <td data-sort='b'>3</td>
      <td>February</td>
      <td>2</td>
    </tr>
    <tr>
      <td>1</td>
      <td>Ernie</td>
      <td>10/11/69</td>
      <td>Fish</td>
      <td>£2.79</td>
      <td>11.0.1</td>
      <td>134.56 GB</td>
      <td>1</td>
      <td data-sort='a'>2</td>
      <td>April</td>
      <td>1</td>
    </tr>
    <tr>
      <td>3</td>
      <td>Bert</td>
      <td>10/11/1969</td>
      <td>Broccoli</td>
      <td>$0.79</td>
      <td>18.0.1284.49</td>
      <td>134 B</td>
      <td>A</td>
      <td data-sort='c'>1</td>
      <td>January</td>
      <td>3</td>
    </tr>
  </tbody>
</table>

<table id='sort-descend'>
  <thead>
    <tr>
      <th>Numbers descending</th>
      <th aria-sort="ascending">Ascending column</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>2</td>
      <td>2</td>
    </tr>
    <tr>
      <td>1</td>
      <td>1</td>
    </tr>
    <tr>
      <td>3</td>
      <td>3</td>
    </tr>
  </tbody>
</table>

<table id='sort-exclude'>
  <thead>
    <tr>
      <th data-sort-method='none'>Column exclusion</th>
      <th>Row exclusion</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>2</td>
      <td>2</td>
    </tr>
    <tr data-sort-method='none'>
      <td>1</td>
      <td>1</td>
    </tr>
    <tr>
      <td>3</td>
      <td>3</td>
    </tr>
  </tbody>
</table>

<table id='sort-default'>
  <thead>
    <tr><th data-sort-default>Sort on initialization</th></tr>
  </thead>
  <tbody>
    <tr><td>2</td></tr>
    <tr><td>1</td></tr>
    <tr><td>3</td></tr>
  </tbody>
</table>

<table id='sort-refresh'>
  <thead>
    <tr><th data-sort-default>Refresh method</th></tr>
  </thead>
  <tbody>
    <tr><td>2</td></tr>
    <tr><td>1</td></tr>
    <tr><td>3</td></tr>
  </tbody>
</table>

<table id="sort-multi">
  <thead>
    <tr><th>Multi</th></tr>
  </thead>
  <tbody>
    <tr><td>2</td></tr>
    <tr><td>1</td></tr>
    <tr><td>3</td></tr>
  </tbody>
  <tbody>
    <tr><td>3</td></tr>
    <tr><td>2</td></tr>
    <tr><td>4</td></tr>
  </tbody>
</table>

<table id="sort-row-set">
  <thead>
    <tr data-sort-method='thead'><th>Sort Row</th></tr>
    <tr><th>Not Sort Row</th></tr>
  </thead>
  <tbody>
    <tr><td>2</td></tr>
    <tr><td>1</td></tr>
    <tr><td>3</td></tr>
  </tbody>
</table>

<table id="sort-row-auto">
  <thead>
    <tr><th>Not Sort Row</th></tr>
    <tr><th>Sort Row</th></tr>
  </thead>
  <tbody>
    <tr><td>2</td></tr>
    <tr><td>1</td></tr>
    <tr><td>3</td></tr>
  </tbody>
</table>

<table id="sort-column-keys">
  <thead>
    <tr>
      <th class="sort-header" colspan="2">Column 1</th>
      <th >Column 2</th>
      <th id="third-header" data-sort-column-key="third">Column 3</th>
    </tr>
  </thead>
  <tbody>
    <tr class="no-sort">
      <td colspan="3">2</td>
      <td data-sort-column-key="third">2</td>
    </tr>
    <tr>
      <td colspan="2">3</td>
      <td>3</td>
      <td data-sort-column-key="third">3</td>
    </tr>
    <tr>
      <td colspan="2">1</td>
      <td>1</td>
      <td data-sort-column-key="third">1</td>
    </tr>
  </tbody>
</table>

<table id="sort-custom-attribute">
  <thead>
    <tr>
      <th>Heros</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td data-realname="Tony Stark">Iron Man (Tony Stark)</td>
    </tr>
    <tr>
      <td data-realname="Peter Parker">Spider-Man (Peter Parker)</td>
    </tr>
    <tr>
      <td data-realname="Natasha Romanoff">Black Widow (Natasha Romanoff)</td>
    </tr>
    <tr>
      <td data-realname="Steve Rogers">Captain America (Steve Rogers)</td>
    </tr>
  </tbody>
</table>

<script src='tape.js'></script>

<script src='../src/tablesort.js'></script>
<script src='../src/sorts/tablesort.dotsep.js'></script>
<script src='../src/sorts/tablesort.filesize.js'></script>
<script src='../src/sorts/tablesort.date.js'></script>
<script src='../src/sorts/tablesort.number.js'></script>
<script src='../src/sorts/tablesort.monthname.js'></script>

<!-- Tests -->
<script>
table = document.getElementById('sort');
tableDescend = document.getElementById('sort-descend');
tableExclude = document.getElementById('sort-exclude');
tableDefault = document.getElementById('sort-default');
tableRefresh = document.getElementById('sort-refresh');
tableMulti = document.getElementById('sort-multi');
tableSortRowSet = document.getElementById('sort-row-set');
tableSortRowAuto = document.getElementById('sort-row-auto');
tableSortColumnKeys = document.getElementById('sort-column-keys');
tableSortCustomAttr = document.getElementById('sort-custom-attribute');
new Tablesort(table);
new Tablesort(tableDescend, { descending: true });
new Tablesort(tableExclude);
new Tablesort(tableDefault);
new Tablesort(tableMulti);
new Tablesort(tableSortRowSet);
new Tablesort(tableSortRowAuto);
new Tablesort(tableSortColumnKeys);
new Tablesort(tableSortCustomAttr, { sortAttribute: "data-realname" });
var refresh = new Tablesort(tableRefresh);

var rowCount = tableRefresh.rows.length;
var row = tableRefresh.insertRow(rowCount);
var cellName = row.insertCell(0);
    cellName.innerHTML = 0;

refresh.refresh();
</script>

<script src='spec/tablesort.js'></script>
<script src='spec/dotsep.js'></script>
<script src='spec/multibody.js'></script>
<script src='spec/filesize.js'></script>
<script src='spec/date.js'></script>
<script src='spec/number.js'></script>
<script src='spec/monthname.js'></script>

</body>
</html>