/ / jquery-tablesorter kolor kompozycji - jquery, jquery-ui, tablesorter

kolor motywu jquery-tablesorter - jquery, jquery-ui, tablesorter

Aplikacja My Ruby on Rails 4 korzysta z jQuery Tablesorter. Używam UITheme, ale kolor jest szary. Chcę zmienić kolor motywu.

Myślałem o ręcznym ustawieniu stylu elementów tablicy w custom.css.scss w ten sposób (z 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}*/;
}

Ale musi istnieć opcja tablesorter.theme, której nie mogę znaleźć, aby zmienić kolor. Wszelkie referencje lub odpowiedzi zostały docenione.

Oto dokumentacja połączyć. Mają rozwijany, aby zmienić styl motywu, ale nie mówi, jak to zmienić w kodzie.

Odpowiedzi:

2 dla odpowiedzi № 1

Minimalna konfiguracja wymagana do dodania motywu interfejsu jQuery jest następująca:

Nagłówek

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

Scenariusz

$("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"]
});

Tak więc, jeśli chcesz zmienić motyw, załaduj inny motyw jQuery UI.

Lista rozwijana tego demo jest tworzona przez tę wtyczkę: https://github.com/pontikis/jui_theme_switch/