मैं डेटाटेबल प्लगइन पर 'खोज' फ़ील्ड पर कक्षा कैसे सेट कर सकता हूं। मैं jquery UI विषय का भी उपयोग कर रहा हूं।Jquery डेटाटेबल्स: फ़िल्टर इनपुट फ़ील्ड पर कक्षा सेट करें
$('#idSmovData').dataTable({
"sScrollY": "600px"
,"bPaginate": false
,"bFilter": true
,"bJQueryUI": true
,"bInfo": false
,"bSort": false
});
आप खोज फ़िल्टर आवरण div शैली oStdClasses
$.fn.dataTableExt.oStdClasses["sFilter"] = "my-style-class";
और का उपयोग कर नियमित रूप से सीएसएस का उपयोग की तुलना में खोज इनपुट क्षेत्र को लक्षित करने के वर्ग सेट कर सकते हैं:
.my-style-class input[type=text] {
color: green;
}
कृपया datatables styling को देखें अधिक जानकारी के लिए खंड।
धन्यवाद। OJUIClasses का उपयोग करने के लिए बदलना पड़ा, लेकिन अंत में वहाँ मिला। – Keith
@ किथ sfilter वास्तव में oStdClasses की एक संपत्ति है। लेकिन, OJUIClasses का उपयोग करना ठीक है क्योंकि यह oStdClasses का विस्तार करता है। –
आपके द्वारा संदर्भित डेटाटेबल्स स्टाइल लिंक पर, यह कहता है: $ .fn.dataTableExt.oStdClasses - जब bJQueryUI गलत $ .fn.dataTableExt.oJUIClasses - bjQueryUI सत्य होने पर उपयोग किया जाता है। जैसा कि मैं "bJQueryUI" का उपयोग कर रहा हूं: सच है, मुझे लगता है कि मुझे oJUIClasses का उपयोग करने की आवश्यकता होगी। क्या ओजुइक्लास के लिए एसफिल्टर के बराबर है, या क्या मुझे कुछ याद आ रहा है? – Keith
$('div.dataTables_filter input').addClass('form-control');
$('div.dataTables_length select').addClass('form-control');
यहाँ मैं, फिल्टर इनपुट और लंबाई का चयन करने के लिए बूटस्ट्रैप वर्ग form-control द्वारा जोड़ा जा रहा एक उदाहरण के रूप।
बिल्कुल मुझे क्या चाहिए! – Shlo
चयन के लिए jquery.datatables.css में .dataTables_wrapper .dataTables_filter इनपुट (रेखा: 288) सीमा जोड़ें: ठोस #ddd 1px; सीमा-त्रिज्या: 5 पीएक्स; या जो भी आप पसंद करते हैं। –