क्या हम प्रत्येक <tr> से ऊपर तालिका के अंदर div जोड़ सकते हैं?

हाय हर <tr> ऊपर एक div जोड़ने के लिए कोशिश कर रहा हूँ, लेकिन जब मैं HTML कंसोल पर देखने div तालिका के बाहर दिखा रहे हैं। नीचे एचटीएमएल कोड है।क्या हम प्रत्येक <tr> से ऊपर तालिका के अंदर div जोड़ सकते हैं?

<table> 
<div> 
<tr><td></td></tr> 
</div> 
<div> 
<tr><td></td></tr> 
</div> 
</table>

क्या इसकी अनुमति नहीं है? कोई भी मदद बहुत अच्छी रहेगी।

स्रोत

2014-05-03 Amit

आप अन्यथा , , टैग का उपयोग कर सकते हैं। मेरा जवाब और लिंक का पालन करें। –

नहीं, आप एक div सीधे एक मेज के अंदर नहीं डाल सकते। यह सही एचटीएमएल नहीं है, और परिणामस्वरूप अप्रत्याशित आउटपुट होगा।

मैं और अधिक व्यावहारिक होना करने में खुशी होगी, लेकिन आप नहीं कहा कि तुम क्या प्रयास कर रहे हैं, इसलिए मैं वास्तव में एक विकल्प प्रदान नहीं कर सकते।

स्रोत

2014-05-03 04:49:45 Patrick

आप सीधे एक टेबल के अंदर एक div नहीं डाल सकते हैं लेकिन आप td या th तत्व के अंदर div डाल सकते हैं।

कि क्या आप वाकई div एक वास्तविक तालिका सेल के अंदर है है, एक टीडी या वें तत्व है, तो ऐसा करने की ज़रूरत के लिए:

एचटीएमएल: -

<tr> 
    <td> 
    <div 
     <p>I'm text in a div.</p> 
    </div> 
    </td> 
</tr>

अधिक जानकारी के लिए: -

http://css-tricks.com/using-divs-inside-tables/

स्रोत

2014-05-03 04:51:31 Neel

"div" टैग के ऊपर "tr" टैग नहीं किया जा सकता। इसके बजाय आप अपना काम करने के लिए "tbody" टैग का उपयोग कर सकते हैं। आप div टैग करने के लिए आईडी गुण देने के लिए योजना बना रहा और कुछ संसाधन कर रहे हैं, एक ही उद्देश्य आप के माध्यम से "tbody" टैग हासिल कर सकते हैं। डिव और टेबल दोनों ब्लॉक स्तर तत्व हैं। इसलिए उन्हें घोंसला नहीं बनाया जा सकता है। अधिक जानकारी के लिए this page

दूसरी बात पर जाते हैं, आप के अंदर "td" टैग "div" टैग डाल सकते हैं।

<table> 
    <tr> 
     <td> 
      <div></div> 
     </td> 
    </tr> 
</table>

और प्रश्न हमेशा स्वागत है।

स्रोत

2014-05-03 04:53:17

"डिव और टेबल दोनों ब्लॉक स्तर तत्व हैं। इसलिए उन्हें घोंसला नहीं किया जा सकता है" - बेशक ब्लॉक स्तर तत्वों को घोंसला जा सकता है। – jbyrd

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 
<head> 
<title>Your title</title> 
</head> 
<body> 
<table> 
<tr> 
<td> 
<div>content</div> 
</td> 
</tr> 
</table> 
</body> 
</html>

स्रोत

2014-05-03 06:12:01 Shashank

यह संभव हो सकता है और इसे सफलतापूर्वक एक्सएचटीएमएल 1.0 के रूप में चेक किया गया है – Shashank

HTML तालिकाओं में, <table> टैग उम्मीद <tr> टैग में उचित ही है और <tr> टैग से के बाद सही <td> टैग की उम्मीद के बाद। तो यदि आप तालिका में एक div डालना चाहते हैं, तो आप इसे डेटा के रूप में <td> और </td> टैग के बीच में डाल सकते हैं।

<table> 
 
    <tr> 
 
    <td> 
 
     <div> 
 
     <p>It works well</p> 
 
     </div> 
 
    </td> 
 
    </tr> 
 
<table>

स्रोत

2017-02-06 16:40:24

आप अपने div के लिए display: table-row-group इस्तेमाल कर सकते हैं।

<table> 
    <div style="display: table-row-group"> 
    <tr><td></td></tr> 
    </div> 
    <div style="display: table-row-group"> 
    <tr><td></td></tr> 
    </div> 
</table>

स्रोत

2017-11-29 14:51:16 Jaro

You can not use <div> tag to make group of more than one <tr> tag. If you want to make group of <tr> tag for any purpose like in ajax to change particular <tr> group or in CSS to change style of particular <tr> tag etc. then use <tbody> 
Ex. 
<table> 
<tbody id="foods"> 
<tr> 
<td>Group 1</td> 
</tr> 
<tr> 
<td>Group 1</td> 
</tr> 
</tbody> 

<tbody id="drinks"> 
<tr> 
<td>Group 2</td> 
</tr> 
<tr> 
<td>Group 2</td> 
</tr> 
</tbody> 
</table>

स्रोत

2018-02-06 06:08:30

क्या हम प्रत्येक <tr> से ऊपर तालिका के अंदर div जोड़ सकते हैं?

उत्तर

संबंधित मुद्दे