Сортировка строк таблицы по столбцу

Question

У меня есть список городов с расчетными расстояниями с использованием API геолокации в таблице. Я хочу автоматически сортировать строки таблицы по столбцу расстояния. Я пробовал несколько плагинов таблицы, но все они потерпели неудачу.

Любое предложение? Вот мой код: jsfiddle.net/vLLsLLrb/

Вот как выглядит таблица:

Answer 1

Чтобы сделать это быстро, я использовал sorttable.js, выполнив следующие действия:

• включают sorttable.js
• добавить свой класс "sortable" в ваш стол
• удалить "km" из цифр (вы можете добавить их ag айн позже, используя CSS: после)

В принципе, в основном, изменив тег таблицы:

 <table id="nearest" class="table table-striped sortable"> 
      <thead> 
       <tr> 
        <th>Destination</th> 
        <th>Distance to</th> 
       </tr> 
      </thead> 
      <tbody> 
       <tr> 
        <th>London</th> 
        <td><span id='london'></span> 
        </td> 
       </tr> 
       <tr> 
        <th>Newcastle</th> 
        <td><span id='newcastle'></span> 
        </td> 
       </tr> 
       <tr> 
        <th>Cardiff</th> 
        <td><span id='cardiff'></span> 
        </td> 
       </tr> 
       <tr> 
        <th>Cambridge</th> 
        <td><span id='cambridge'></span> 
        </td> 
       </tr> 
       <tr> 
        <th>Reading</th> 
        <td><span id='reading'></span> 
        </td> 
       </tr> 
      </tbody> 
     </table> 

Вот, теперь ваше расстояние столбец имеет сортировочный треугольник, кроме него! Here's jsfiddle!