jquery-tablesorter color theme - jquery, jquery-ui, tableorter

Моя програма Ruby on Rails 4 використовує jQuery Tablesorter. Я використовую UITheme, але колір сірий. Я хочу змінити колір теми.

Я думав про вручну налаштувати елемент стилю таблиці в custom.css.scss подібним чином (з jQuery UI CSS Framework 1.10.4):

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
border: 1px solid #d3d3d3/*{borderColorDefault}*/;
background: #e6e6e6/*{bgColorDefault}*/ url(/assets/jquery-ui/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/;
font-weight: normal/*{fwDefault}*/;
color: #555555/*{fcDefault}*/;
}

Але тут має бути табличне.Використання опції я не можу змінити колір. Будь-яка посилання або відповідь була оцінена.

Ось документація посилання. Вони мають спадне меню, щоб змінити стиль теми, але він не говорить, як змінити його в коді.

Відповіді:

Мінімальний параметр, необхідний для додавання теми для інтерфейсу jQuery:

Заголовок сторінки

<!-- ui theme stylesheet - needed so the selected ui theme works with tablesorter -->
<link rel="stylesheet" href="../css/theme.jui.css">
<!-- jQuery UI theme (cupertino example here) -->
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/cupertino/jquery-ui.css">

<!-- tablesorter plugin -->
<script src="../js/jquery.tablesorter.js"></script>
<!-- tablesorter widget file - needed for the "uitheme" widget -->
<script src="../js/jquery.tablesorter.widgets.js"></script>

Сценарій

$("table").tablesorter({
theme : "jui", // use theme.jui.css
headerTemplate : "{content} {icon}", // needed to add icon for jui theme
// apply the uitheme widget, include zebra striping widget as desired
widgets : ["uitheme", "zebra"]
});

Отже, якщо ви хочете змінити тему, завантажте його в іншу тему інтерфейсу jQuery.

Випадаюче вікно в цій демонстрації створюється цим плагіном: https://github.com/pontikis/jui_theme_switch/