/ / jquery-tablesorter tému farby - jquery, jquery-ui, tablesorter

jquery-tablesorter tému farba - jquery, jquery-ui, tablesorter

Aplikácia My Ruby on Rails 4 používa jQuery Tablesorter. Používam UITheme, ale farba je šedá. Chcem zmeniť farbu motívu.

Myslel som na manuálne nastavenie štýlu tabuľkových prvkov v custom.css.scss, ako je tento (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 musí existovať tableorter.theme možnosť, ktorú nemôžem nájsť na zmenu farby. Každý odkaz alebo odpoveď sa zhodnotili.

Tu je dokumentácia odkaz, Majú rozbaliť, aby zmenili štýl témy, ale nehovorí, ako ich zmeniť v kóde.

odpovede:

2 pre odpoveď č. 1

Minimálna nastavenie potrebná na pridanie témy používateľského rozhrania jQuery je nasledovné:

Hlavička stránky

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

skript

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

Ak chcete zmeniť tému, načítajte inú tému jQuery UI.

Rozbaľovanie tejto demo je vytvorené týmto pluginom: https://github.com/pontikis/jui_theme_switch/