JQuery TableSorter: стрелки сортировки не отображаются

я реализую tablesorter jQuery, но стрелки, похоже, не отображаются.

вот что я сделал до сих пор:

<script type="text/javascript" src="/path/to/jquery-latest.js"></script> 
<script type="text/javascript" src="/path/to/jquery.tablesorter.js"></script>

и 

$(document).ready(function() 
    { 
        $("#myTable").tablesorter(); 
    } 
);

таблица сортируется нормально, но стрелки не отображаются. Я что-то упускаю?
Я даже добавил следующее, но не работает: 

<LINK rel="StyleSheet" type="text/css" href="../tablesorter/themes/green/style.css">
9
jquery tablesorter

4 ответов

У меня была такая же проблема при использовании tablesorter на этой странице -http://ajthomas.co.uk/fpl/. Тем не менее, это потому, что я пропустил добавление таблиц стилей и изображений, которые приходят в скачать. Похоже, ты тоже.

10

Если вы каскадируете их таблицу стилей, она будет выглядеть точно так же, как она выглядит на сайте TableSorter. Вам даже не нужно перемещать его из их пакета. Просто добавьте эту строку после объявления таблицы стилей:

<link href="[YOUR PATH TO]/tablesorter/themes/blue/style.css" rel="stylesheet" type="text/css" />
6

Если у кого-то все еще есть проблемы с tablesorter, не показывая стрелки сортировки, вот небольшой трюк, который я использую для обратного вызова инициализации:

$("table.sort").tablesorter({
  theme : 'dropbox',
  cssIcon: 'tablesorter-icon',
  initialized : function(table){
    $(table).find('thead .tablesorter-header-inner').append('<i class="tablesorter-icon"></i>');
  }
});
0

вам нужно добавить класс tablesorter в таблице

-1