Widget demo
Click on the table head to sort by column.
| ID | Name | Planet | Robot | T. I. |
|---|---|---|---|---|
| 1 | Han Fastolfe | Aurora | R. Giskard Reventlov | -1 |
| 2 | Gladia Dermarre | Solaria | R. Jander Panell | -5 |
| 3 | Elijah Baley | Earth | R. Daneel Olivaw | 8 |
| 4 | Vasilia Aliena | Aurora | R. Giskard Reventlov | -6 |
| 5 | Santirix Gremionis | Aurora | None known | 1 |
| 6 | Kelden Amadiro | Aurora | None known | 3 |
HTML source
<table id="tablesort-demo-table">
<thead>
<tr>
<td>ID</td>
<td>Name</td>
<td>Planet</td>
<td>Robot</td>
<td>T. I.</td>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Han Fastolfe</td>
<td>Aurora</td>
<td>R. Giskard Reventlov</td>
<td>-1</td>
</tr>
<tr>
<td>2</td>
<td>Gladia Dermarre</td>
<td>Solaria</td>
<td>R. Jander Panell</td>
<td>-5</td>
</tr>
<tr>
<td>3</td>
<td>Elijah Baley</td>
<td>Earth</td>
<td>R. Daneel Olivaw</td>
<td>8</td>
</tr>
<tr>
<td>4</td>
<td>Vasilia Aliena</td>
<td>Aurora</td>
<td>R. Giskard Reventlov</td>
<td>-6</td>
</tr>
<tr>
<td>5</td>
<td>Santirix Gremionis</td>
<td>Aurora</td>
<td>None known</td>
<td>1</td>
</tr>
<tr>
<td>6</td>
<td>Kelden Amadiro</td>
<td>Aurora</td>
<td>None known</td>
<td>3</td>
</tr>
</tbody>
</table>
<thead>
<tr>
<td>ID</td>
<td>Name</td>
<td>Planet</td>
<td>Robot</td>
<td>T. I.</td>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Han Fastolfe</td>
<td>Aurora</td>
<td>R. Giskard Reventlov</td>
<td>-1</td>
</tr>
<tr>
<td>2</td>
<td>Gladia Dermarre</td>
<td>Solaria</td>
<td>R. Jander Panell</td>
<td>-5</td>
</tr>
<tr>
<td>3</td>
<td>Elijah Baley</td>
<td>Earth</td>
<td>R. Daneel Olivaw</td>
<td>8</td>
</tr>
<tr>
<td>4</td>
<td>Vasilia Aliena</td>
<td>Aurora</td>
<td>R. Giskard Reventlov</td>
<td>-6</td>
</tr>
<tr>
<td>5</td>
<td>Santirix Gremionis</td>
<td>Aurora</td>
<td>None known</td>
<td>1</td>
</tr>
<tr>
<td>6</td>
<td>Kelden Amadiro</td>
<td>Aurora</td>
<td>None known</td>
<td>3</td>
</tr>
</tbody>
</table>
Javascript source
Meteora.uses('Meteora.Tablesort');
Meteora.onStart(
function() {
new Tablesort('tablesort-demo-table');
}
);
Meteora.onStart(
function() {
new Tablesort('tablesort-demo-table');
}
);