Wordpress Tablesorter Плагин Zebra stripe для начинающего

Question

Я пытаюсь добавить плагин zebra-stripe на страницу wordpress.

Я не уверен, где разместить следующий код, чтобы сделать работу с зебрами.

Может ли кто-нибудь указать мне правильное направление? Спасибо!

$(function() { 

    // call the tablesorter plugin 
    $("table").tablesorter({ 
    theme: 'blue', 
    // initialize zebra striping of the table 
    widgets: ["zebra"], 
    // change the default striping class names 
    // updated in v2.1 to use widgetOptions.zebra = ["even", "odd"] 
    // widgetZebra: { css: [ "normal-row", "alt-row" ] } still works 
    widgetOptions : { 
     zebra : [ "normal-row", "alt-row" ] 
    } 
    }); 

}); 

Answer 1

Похоже, что Wordpress table-sorter plugin использует оригинальную TableSorter (v2.0.5), поэтому theme и widgetOptions настройки ничего не делают.

Если вы не используете этот плагин, но вы используете мою fork of tablesorter, то вам необходимо загрузить файл /css/theme.blue.css и не изменения имен классов зебры по умолчанию:

$(function() { 
    $("table").tablesorter({ 
    theme: 'blue', 
    widgets: ["zebra"] 
    }); 
}); 

Если вы используете оригинальный tablesorter без плагина Wordpress, используйте тот же код выше, за исключением настройки theme; синий стиль, который нужно загрузить, будет находиться в следующем местоположении: /themes/blue/style.css.