Control.Tablesort

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>

Javascript source

Meteora.uses('Control.Tablesort');
Meteora.onStart(
  function() {
    new Tablesort('tablesort-demo-table');
  }
);

Documentation

If you're looking for more documentation about this widget, you may want to read Control.Tablesort documentation