Brave Search

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

stackoverflow.com › questions › 23440362 › can-we-add-div-inside-table-above-every-tr

<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. For further information visit this page

For example:

<table>
    <tbody class="green">
        <tr>
            <td>Data</td>
        </tr>
    </tbody>
    <tbody class="blue">
        <tr>
            <td>Data</td>
        </tr>
    </tbody>
</table>

secondly, you can put "div" tag inside "td" tag.

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

Further questions are always welcome.

Answer from Aditya Ekbote on Stack Overflow

Stack Overflow

stackoverflow.com › questions › 23440362 › can-we-add-div-inside-table-above-every-tr

html - Can we add div inside table above every <tr>? - Stack Overflow

Top answer

1 of 10

For example:

<table>
    <tbody class="green">
        <tr>
            <td>Data</td>
        </tr>
    </tbody>
    <tbody class="blue">
        <tr>
            <td>Data</td>
        </tr>
    </tbody>
</table>

secondly, you can put "div" tag inside "td" tag.

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

Further questions are always welcome.

2 of 10

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:-

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

For more information :-

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

Webmaster World

webmasterworld.com › html › 3867431.htm

Div inside table? - HTML forum at WebmasterWorld - WebmasterWorld

You can't put a div inside a table, but you can put a div inside a table td. I know that's what you meant.

Discussions

How to put DIV between table rows? - HTML & CSS - SitePoint Forums | Web Development & Design Community

I have a table of a long list of information. If one row is clicked on I want to make that perticular one expand with extra stuff/elements without disrupting the display of the other elements: its hard to explain so I will try to explain it with the HTML below: EXPANDING UPON ROW 2 AT BLOCK LEVE... More on sitepoint.com

sitepoint.com

December 3, 2007

Why do people say that div's > tables?

Tables are slower to render. Modern HTML is not for appearance. It is for extensibility. Someone should be able to read your HTML and easily interpret what each section is. This isn't the case with tables, which are used for aesthetics not classification. You know what each is in this scenario. sidebar content is a lot harder to grasp. Why is the table there? It is not necessary. The table has nothing to do with classifying the sidebar and content. It has everything to do with aligning them, which is aesthetics, which is for CSS, not HTML. Are you familiar with XML readers? HTML should be able to be read and interpreted by an XML reader. A table to an XML reader - or even the average person - does not mean "a way to align content." It means tabular data - think Excel spreadsheets. However, an XML reader reading "a division of the page, classified as sidebar" makes perfect sense, even to a human. The best way to determine whether or not you are using the correct element is to imagine an XML reader trying to interpret it. Don't use it for aesthetics. Use it for classification. Your sidebar is a division, not the table cell of a spreadsheet. EDIT: Forgot . I also didn't mention why it is important to be semantically labelled correctly, which is why I'm surprised this has as many upvotes as it does. All I did was describe how to be semantically correct, but OP - and anyone else - should know why, as that is the question that was asked. I elaborated in a few comments. For those interested here is one of them. In short, you are not only coding for the sake of rendering the content to the page correctly. You are coding so that robots/crawlers/spiders/whatever can read just your code and understand what everything is. It is important that they can. More on reddit.com

r/webdev

151

July 22, 2011

How create table only using <div> tag and Css - HTML & CSS - SitePoint Forums | Web Development & Design Community

Tying to create a form without using tables for may layout I am using div’s & css’s I am uploading two files Line Up Page.html (5.7 KB) lineup2.php (4.5 KB) More on sitepoint.com

sitepoint.com

May 29, 2017

html - How create table only using <div> tag and CSS - Stack Overflow

Padding doesn't. And, while I haven't ... as Padding, in forcing and empty cell to be rendered properly. ... A bit OFF-TOPIC, but may help someone for a cleaner HTML... .common_table { display:table; border-collapse:collapse; border:1px solid grey; } .common_table DIV { display:table-row; ... More on stackoverflow.com

stackoverflow.com

Videos