"यदि कोई कर्मचारी अपना काम अच्छी तरह से करना चाहता है, तो उसे पहले अपने औजारों को तेज करना होगा।" - कन्फ्यूशियस, "द एनालेक्ट्स ऑफ कन्फ्यूशियस। लू लिंगगोंग"
मुखपृष्ठ > प्रोग्रामिंग > फिक्स्ड हेडर के साथ एक स्क्रॉल करने योग्य HTML टेबल कैसे बनाएं?

फिक्स्ड हेडर के साथ एक स्क्रॉल करने योग्य HTML टेबल कैसे बनाएं?

2025-02-15 को पोस्ट किया गया
ब्राउज़ करें:839

] । हालांकि, एक प्रभावी समाधान खोजना चुनौतीपूर्ण हो सकता है। यह गाइड इस मुद्दे के समाधान का पता लगाएगा, आपको कार्यान्वयन के माध्यम से मार्गदर्शन करेगा। तकनीक। एक लोकप्रिय समाधान डबल-स्क्रॉलिंग के रूप में जानी जाने वाली तकनीक को नियोजित करना है। इसमें दो नेस्टेड टेबल बनाना शामिल है: एक बाहरी तालिका जिसमें निश्चित हेडर और टेबल बॉडी के लिए एक स्क्रॉल करने योग्य इनर टेबल है। तालिकाओं के लिए:

How to Create a Scrollable HTML Table with Fixed Headers?
/ * बाहरी तालिका (निश्चित हैडर) */ #बाहरी-टेबल { चौड़ाई: 100%; ऊंचाई: 100px; / * हेडर के लिए एक निश्चित ऊंचाई निर्धारित करें */ ओवर फलो हिडेन; } / * इनर टेबल (स्क्रॉल करने योग्य बॉडी) */ #इनर-टेबल { ऊंचाई: कैल्क (100% - 100px); / * बाहरी तालिका की ऊंचाई के आधार पर ऊंचाई की गणना करें */ ओवरफ्लो-वाई: स्क्रॉल; " '); const innertable = document.getElementByid ('इनर-टेबल'); // बाहरी तालिका की ऊंचाई के आधार पर आंतरिक तालिका की ऊंचाई की गणना करें innertable.style.height = `$ {Outertable.clientHeight - 100} px`; &&&] इन तकनीकों को लागू करने से, आप अपनी विशिष्ट आवश्यकताओं को पूरा करने वाली उत्तरदायी और इंटरैक्टिव टेबल बना सकते हैं।

नवीनतम ट्यूटोरियल अधिक>

चीनी भाषा का अध्ययन करें

अस्वीकरण: उपलब्ध कराए गए सभी संसाधन आंशिक रूप से इंटरनेट से हैं। यदि आपके कॉपीराइट या अन्य अधिकारों और हितों का कोई उल्लंघन होता है, तो कृपया विस्तृत कारण बताएं और कॉपीराइट या अधिकारों और हितों का प्रमाण प्रदान करें और फिर इसे ईमेल पर भेजें: [email protected] हम इसे आपके लिए यथाशीघ्र संभालेंगे।

Copyright© 2022 湘ICP备2022001581号-3