/ / jquery-tableorter विषय रंग - jquery, jquery-ui, tableorter

jquery-tableorter विषय रंग - jquery, jquery-ui, tableorter

रेल पर मेरा रूबी 4 एप्लिकेशन jQuery टेबल्सटर का उपयोग कर रहा है। मैं UITheme का उपयोग कर रहा हूँ लेकिन रंग ग्रे है। मैं थीम के रंग को बदलना चाहता हूं।

मैं इस तरह कस्टम.css.scss में टेबल तत्वों की स्टाइल को मैन्युअल रूप से सेट करने की सोच रहा था (jQuery यूआई सीएसएस फ्रेमवर्क 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 UI थीम में लोड करें।

उस डेमो में ड्रॉपडाउन इस प्लगइन द्वारा बनाया गया है: https://github.com/pontikis/jui_theme_switch/