/ / jquery-tablesorter тема цвят - jquery, jquery-ui, tablesorter

jquery-tablesorter тема цвят - jquery, jquery-ui, tablesorter

Моето приложение за 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}*/;
}

Но трябва да има tableorter.theme опция, която не мога да намеря, за да променя цвета. Всяко справка или отговор се оценяваха.

Ето документацията връзка, Те имат падащо меню, за да променят стила на темата, но не казват как да го променят в кода.

Отговори:

2 за отговор № 1

Минималната настройка, необходима за добавяне на jQuery UI тема, е както следва:

Начална страница на страницата

<!-- 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/