मेरे पास मेरे वेब पेज में datatable
है। मुझे तालिका के शीर्ष पर horizontal scroll bar
प्रदर्शित करने की आवश्यकता है। मैंने table.wrap('<div style="width:980px; overflow-x:auto;"/>');
की कोशिश की है। यह तालिका के नीचे क्षैतिज स्क्रॉल बार प्रदर्शित करता है। डेटा तालिका के शीर्ष पर स्क्रॉलबार कैसे प्रदर्शित करें। कोई मदद?शीर्ष क्षैतिज स्क्रॉलबार डेटाटेबल जावास्क्रिप्ट
5
A
उत्तर
2
आपको http://progrnotes.blogspot.com.ee/2013/07/horizontal-scrollbars-at-top-bottom-in-datatables.html पर उत्तर मिल गया है: आप इसे jQuery-doubleScroll प्लगइन (https://github.com/sniku/jQuery-doubleScroll) के साथ कर सकते हैं। हालांकि, यह डेटाटेबल के साथ काम नहीं कर रहा है जो अजाक्स द्वारा लोड किया जाता है। आपको इसे थोड़ा छोटा करने की जरूरत है।
कदम करने के लिए इस तरह हैं:
डाउनलोड करें और doubleScroll शामिल हैं।
जोड़े लाइनों:
$('body').find('.dataTables_scrollBody').wrap('<div id="scroll_div"></div>'); $('#scroll_div').doubleScroll();
जोड़े सीएसएस
.dataTables_scrollBody { overflow-y: visible !important; overflow-x: initial !important; }
कि यह (DataTables 1.10.7)
संपादित करना चाहिए: अगर आपके पास स्तंभ पर फिल्टर शीर्ष पर उपरोक्त समाधान को संशोधित करने की आवश्यकता है, अन्यथा शीर्षलेख स्क्रॉल नहीं करेंगे:
जोड़े लाइनों:
$('body').find('.dataTables_scroll').wrap('<div id="scroll_div"></div>'); $('#scroll_div').doubleScroll();
CSS जोड़
.dataTables_scrollBody { overflow-y: visible !important; overflow-x: initial !important; } .dataTables_scrollHead { overflow: visible !important; }
संबंधित मुद्दे
- 1. क्षैतिज पुनर्चक्रण में शीर्ष तरफ स्क्रॉलबार देखें
- 2. कार्यक्षेत्र स्क्रॉलबार क्षैतिज स्क्रॉलबार
- 3. jScrollPane: क्षैतिज स्क्रॉलबार वेबकिट
- 4. फेसबुक ऐप्स क्षैतिज स्क्रॉलबार
- 5. अनावश्यक क्षैतिज स्क्रॉलबार jqGrid
- 6. क्षैतिज स्क्रॉलबार चुनिंदा टैग
- 7. jqGrid क्षैतिज स्क्रॉलबार
- 8. स्क्रॉल प्राइमफेस क्षैतिज डेटाटेबल?
- 9. डेटाटेबल के शीर्ष
- 10. सीएसएस क्षैतिज स्क्रॉलबार ब्राउज़र स्क्रीन
- 11. क्षैतिज स्क्रॉलबार (कोणीय यूई-ग्रिड)
- 12. ब्राउज़र लंबवत और क्षैतिज स्क्रॉलबार अक्षम करें
- 13. एचटीएमएल क्षैतिज लेकिन लंबवत स्क्रॉलबार को छिपाएं
- 14. क्षैतिज स्क्रॉलव्यू के स्क्रॉलबार को छिपाएं
- 15. सीएसएस - क्षैतिज स्क्रॉलबार का उपयोग केवल
- 16. सीएसएस समस्या - क्षैतिज स्क्रॉलबार सामग्री छुपाता
- 17. सी # ListView क्षैतिज स्क्रॉलबार अक्षम करें
- 18. टेबललेआउट के साथ एंड्रॉइड में क्षैतिज और लंबवत स्क्रॉलबार?
- 19. क्षैतिज वर्गों में HTML पृष्ठ डिवाइडिंग, खड़ी स्क्रॉलबार
- 20. गतिशील जावास्क्रिप्ट डेटा स्रोत - डेटाटेबल
- 21. क्षैतिज स्क्रॉलबार का कारण कौन सा तत्व है? स्वचालित पहचान
- 22. फेसबुक के टिकर और बातचीत साइडबार में क्षैतिज स्क्रॉलबार
- 23. मैं div में किसी तालिका में क्षैतिज स्क्रॉलबार कैसे जोड़ूं?
- 24. क्षैतिज स्क्रॉलबार के कारण फेसबुक की तरह फेसबुक
- 25. डेटाटेबल्स और अवांछित क्षैतिज स्क्रॉलबार के साथ समस्याएं
- 26. क्रोम डीबगर, क्षैतिज स्क्रॉलबार होवर पर परिवर्तनीय मान अवरुद्ध
- 27. मैं WPF ListView आइटम क्षैतिज स्क्रॉलबार की तरह क्षैतिज दोहरा सकता हूं?
- 28. स्क्रॉलबार
- 29. डेटाटेबल: शीर्ष दाएं स्थान पर स्थिति खोज बॉक्स
- 30. शीर्ष स्तर जावास्क्रिप्ट आयात - Redux
चेक इस, http://jsfiddle.net/TBnqw/1/ –
मैंने कोशिश की। लेकिन यह डेटाटेबल के साथ काम नहीं कर रहा है जो अजाक्स द्वारा भरा हुआ है। – lifeline
हाय - क्या आपने कभी यह पता लगाया है? मुझे एक ही समस्या है। धन्यवाद! –