Can we add div inside table above every tr

Question

Hi am trying to add a div above every  lt tr gt  but when i look at the html console the div are showing outside the table  below is the html code    lt table gt     lt div gt       lt tr gt  lt td gt  lt  td gt  lt  tr gt     lt  div gt     lt div gt       lt tr gt  lt td gt  lt  td gt  lt  tr gt     lt  div gt   lt  table gt    Is this not allowed  any help would be great

User · Answer

If we follow the w3 org table reference ,and follow the Permitted Contents section, we can see that the table tags takes tbody(optional) and tr as the only permitted contents.

So i reckon it is safe to say we cannot add a div tag which is a flow content as a direct child of the table which i understand is what you meant when you had said above a tr.

Having said that , as we follow the above link , you will find that it is safe to use divs inside the td element as seen here

User · Answer

No  you cannot insert a div directly inside of a table  It is not correct html  and will result in unexpected output   I would be happy to be more insightful  but you haven t said what you are attempting  so I can t really offer an alternative

User · Answer

You can not use  tag to make group of more than one  tag  If you want to make group of  tag for any purpose like in ajax to change particular  group or in CSS to change style of particular  tag etc  then use   Ex    lt table gt     lt tbody id  foods  gt       lt tr gt         lt td gt Group 1 lt  td gt       lt  tr gt       lt tr gt         lt td gt Group 1 lt  td gt       lt  tr gt     lt  tbody gt      lt tbody id  drinks  gt       lt tr gt         lt td gt Group 2 lt  td gt       lt  tr gt       lt tr gt         lt td gt Group 2 lt  td gt       lt  tr gt     lt  tbody gt   lt  table gt

User · Answer

In the html tables   lt table gt  tag expect  lt tr gt  tag right after itself and  lt tr gt  tag expect  lt td gt  tag right after itself  So if you want to put a div in table  you can put it in between  lt td gt  and  lt  td gt  tags as  data    x000D   x000D   lt table gt  x000D     lt tr gt  x000D       lt td gt  x000D         lt div gt  x000D           lt p gt It works well lt  p gt  x000D         lt  div gt  x000D        lt  td gt  x000D     lt  tr gt  x000D   lt table gt  x000D   x000D   x000D

User · Answer

div  tag can not be used above  tr  tag  Instead you can use  tbody  tag to do your work  If you are planning to give id attribute to div tag and doing some processing  same purpose you can achieve through  tbody  tag  Div and Table are both block level elements  so they can not be nested  For further information visit this page  For example    lt table gt       lt tbody class  green  gt           lt tr gt               lt td gt Data lt  td gt           lt  tr gt       lt  tbody gt       lt tbody class  blue  gt           lt tr gt               lt td gt Data lt  td gt           lt  tr gt       lt  tbody gt   lt  table gt    secondly  you can put  div  tag inside  td  tag    lt table gt       lt tr gt           lt td gt               lt div gt  lt  div gt           lt  td gt       lt  tr gt   lt  table gt    Further questions are always welcome

User · Answer

You could use display  table-row-group for your div    lt table gt     lt div style  display  table-row-group  gt       lt tr gt  lt td gt  lt  td gt  lt  tr gt     lt  div gt     lt div style  display  table-row-group  gt       lt tr gt  lt td gt  lt  td gt  lt  tr gt     lt  div gt   lt  table gt

User · Answer

You can t put a div directly inside a table but you can put div inside td or th element   For that you need to do is make sure the div is inside an actual table cell  a td or th element  so do that   HTML -   lt tr gt     lt td gt       lt div gt         lt p gt I m text in a div  lt  p gt       lt  div gt     lt  td gt   lt  tr gt    For more information  -  http   css-tricks com using-divs-inside-tables

[html] Can we add div inside table above every <tr>?

Examples related to html