टेबल शिष्टाचार - क्या मुझे लगातार रहने की आवश्यकता है?

Question

मेरे पास एक टेबल पूर्व है।

<table> 

<tr> 
    <td>apple</td> 
    <td>big</td> 
</tr> 

<tr> 
    <td>pickle</td> 
    <td>small</td> 
</tr> 

</table> 

कुछ फैंसी jQuery के बाद ...

<table> 

<tr> 
    <td>apple</td> 
    <td>big</td> 
    <td>10kg ------ Is this nice to do, any potential issues?</td> 
</tr> 

<tr> 
    <td>pickle</td> 
    <td>small</td> 
</tr> 

</table> 

बस मस्ती के लिए

: http://jsfiddle.net/Czcby/

Answer 1

आप पहली पंक्ति पर तीन कोशिकाओं और दूसरी पंक्ति पर दो कोशिकाओं के साथ समाप्त हो जाएगा।

यह सामान्य रूप से प्रदर्शित नहीं होगा, लेकिन यदि आपके स्टाइल में तालिका कक्षों पर मार्जिन/सीमा/पैडिंग है, तो यह तालिका के प्रदर्शन और लेआउट को प्रभावित कर सकता है।

Answer 2

कि, हालांकि, आप कुछ स्वरूपण मुद्दों का सामना कर सकते के रूप में वहाँ अब हो जाएगा करने के लिए कोई समस्या नहीं है 3 td पंक्ति पंक्ति पर एक और 2 पंक्ति पर है।

Answer 3

एक td 2 कॉलम का उपयोग करते समय colspan = "2" का उपयोग करें।

Answer 4

संक्षिप्त उत्तर, मेरे लिए, हाँ आप करते हैं।

अधिक विस्तृत जवाब है: आप सख्ती से नहीं जरूरत एक समान होना चाहिए लेकिन यदि आप अपनी तालिका चाहते हैं ब्राउज़रों में सुसंगत देखो यह निश्चित रूप से मदद करता है। इस तथ्य का जिक्र नहीं करना कि अब असंगत होने के बावजूद, वर्तमान में समस्याएं उत्पन्न नहीं होती हैं, फिर भी जब आप अपनी मेज, इसकी स्टाइल या इसके अंदर के डेटा को और अधिक करना चाहते हैं तो इसका बड़ा प्रभाव होगा।

• क्रोम और IE8:

  यदि आप विभिन्न ब्राउज़र में this JSFiddle की जाँच, आप अलग व्यवहार देख सकते हैं अतिरिक्त कोशिकाओं है कि दो साधारण कोशिकाओं से बाहर निकलना होने के रूप में तालिका को प्रस्तुत करें।

• फ़ायरफ़ॉक्स: प्रभावी रूप से लगता है कि इसमें तीसरे कॉलम में अतिरिक्त रिक्त कक्ष हैं।

आपकी तालिका बढ़ने के साथ-साथ इन अलग-अलग परिस्थितियों के लिए स्टाइल करने की जटिलताओं की कल्पना करें।

तर्कसंगत रूप से, colspan संपत्ति इस के आसपास एक तरीका है। मुझे लगता है कि colspan बहुत बदसूरत है; टेबल प्रस्तुत किए जाने चाहिए ताकि आप कॉलम हेडर देख सकें और उस शीर्षलेख से संबंधित जानकारी देखने के लिए इसे नीचे स्क्रॉल कर सकें। कॉलम में पहुंचने वाला कुछ अन्य डेटा एक व्याकुलता है। लेकिन यह उस पर निर्भर करता है जो आप करने की कोशिश कर रहे हैं।

प्रेजेंटेशन और सूचना डिज़ाइन अलग-अलग मुद्दों पर, किसी को आपके कोड को देखने के लिए कोई तरीका नहीं हो सकता है कि प्रत्येक पंक्ति में कितनी कोशिकाएं समाप्त होती हैं। प्रत्येक पंक्ति में एक निरंतर संख्या रखने के लिए बेहतर है ताकि आप इसे तालिका और डेटा के अंदर डेटा के साथ किसी और चीज की तेज़ी से और आसानी से जांच सकें। डिबगिंग के लिए उपयोगी।

उम्मीद है कि इससे मदद मिलती है। प्रश्न नाम के लिए