मुझे एक तालिका के प्रत्येक कॉलम पर विभिन्न शैलियों चाहिए। मैंने पढ़ा है कि आप <colgroup> या <col> का उपयोग करके ऐसा कर सकते हैं, लेकिन मुझे कोई भाग्य नहीं था। मेरे पास एक उदाहरण here है, और कुछ भी बदलना प्रतीत नहीं होता है। क्या मुझसे कुछ गलत हो रही है? क्या यह xhtml पर काम करेगा?एचटीएमएल टेबल colgroup तत्व काम नहीं कर रहा है?
मुझे पता है कि मैं प्रत्येक <td> पर "कक्षा" विशेषता जोड़ सकता हूं, लेकिन यह कमजोर लगता है।
यह सही है। जबकि colgroup स्वयं सभी ब्राउज़रों द्वारा समर्थित है, this isn't true for the attributes of the inner col element। संभावित विशेषताओं में से, केवल width सभी ब्राउज़रों पर समर्थित है। लेकिन सीएसएस के विपरीत, <col width=""> केवल पिक्सेल और प्रतिशत चौड़ाई समर्थित है।
इसका उपयोग न करें। इसके बजाय, सीएसएस कक्षाएं बनाएं और उन्हें प्रत्येक td पर असाइन करें। हाँ, यह बेकार है।
संपादित बेहतर जानकारी के साथ पृष्ठ पर ऊपर अपडेट किया गया लिंक
अपने table-layout बजाय तय की ऑटो के लिए सेट ...
table {table-layout: auto;}
मेरा व्यक्तिगत साइट एक से अधिक विषयों का समर्थन करता है और मैं मतभेद के इन प्रकार देखते हैं पुरे समय।
शानदार संपत्ति! :) https://developer.mozilla.org/en-US/docs/Web/CSS/table-layout –
आप अतिरिक्त कक्षाओं को जोड़ने के बिना समान परिणाम प्राप्त करने के लिए सीएसएस चयनकर्ताओं का उपयोग कर सकते हैं।
एक उदाहरण है अगर आप आप उपयोग कर सकते हैं एक दूसरे स्तंभ के लिए विशिष्ट शैली देना चाहता हूँ के रूप में:
table>tbody>td:nth-child(2){font-weight: bolder;}
thxs! ऐसा लगता है कि html5 colgroup काम करेगा .. लेकिन तब तक, मैं कक्षाओं या nth-child – pleasedontbelong
का उपयोग करूंगा जो पृष्ठ आप संदर्भित करते हैं, वह कहते हैं कि _The
मैं @JannieT से सहमत हूं, यह सभी प्रमुख ब्राउज़रों द्वारा समर्थित है। देखें: http://reference.sitepoint.com/html/colgroup और http://webdesign.about.com/od/htmltags/p/bltags_colgroup.htm –