सीमित तालिका चौड़ाई

Question

मेरे पास एक HTML तालिका है जो अधिकतम 700px चौड़ी हो सकती है और मुझे नहीं पता कि कितने कॉलम होंगे (3 और 10 के बीच)। मैं सभी <th> तत्वों को 5 पीएक्स पैडिंग रखना चाहता हूं, लेकिन इससे तालिका की चौड़ाई बढ़ जाती है और यह div का कारण बनता है जिसमें यह क्षैतिज स्क्रॉलबार दिखाने के लिए बैठता है।

चूंकि मुझे कॉलम की संख्या नहीं पता है, इसलिए कुल चौड़ाई से पैडिंग द्वारा जोड़े गए अतिरिक्त पीएक्स को घटा देना संभव नहीं है।

div पर ओवरफ्लो मान डालने का कोई मतलब नहीं है क्योंकि यह केवल 700px से अधिक स्तंभों को अस्पष्ट करेगा।

क्या टेबल के चौड़ाई पर उचित हार्ड सीमा निर्धारित करने के लिए इसके आसपास जाने का कोई तरीका है?

Answer 1

नीचे सीएसएस का उपयोग करें और इसे रोकने चाहिए अपनी मेज अधिकतम आकार से अधिक आप को परिभाषित:

table{ 
    table-layout:fixed; 
} 

Answer 2

तालिका की चौड़ाई 100% और इसकी मूल div चौड़ाई 700px पर सेट करें।

Answer 3

इस के लिए सबसे अच्छा संभव समाधान वह है जिसे आप अभी उपयोग कर रहे हैं।

चूंकि आप कॉलम की संख्या की भविष्यवाणी नहीं कर सकते हैं, इसलिए आप प्रत्येक कॉलम में चौड़ाई निर्धारित नहीं कर सकते हैं। इसलिए माता-पिता div के ओवरफ्लो को ऑटो और बाल तालिका की चौड़ाई 100% तक सेट करना सबसे अच्छा समाधान है।

Answer 4

आप पैडिंग को क्या सेट कर रहे हैं?

आप तालिका पर चौड़ाई और टीडी आप वास्तव में आप क्या चाहते हैं पाने के लिए सक्षम होना चाहिए पर गद्दी सेट करते हैं।