Why tbody tag

Active Oldest Votes. Improve this answer. Paolo Bergantino Paolo Bergantino k 76 76 gold badges silver badges bronze badges. James James Isn't the default IE8 mode quirks mode? If so then unless the user turns that off it's still not CSS compliant, no?

Don't think so. Or, at least as long as there is a doctype which there should be , it is standards compliant. This is simply not true. I've tried this in the latest versions of Firefox, IE, and Chrome; and this doesn't work in any of them. Man I wish this was true. If it were then yes, these two elements would have some real purpose. Anyone have a fiddle of this working? Because I've never seen this work. I've only gotten sticky headers to work by wrapping two tables in divs and using overflow true on the second div.

This would be a good question, as opposed to an answer to this question. AndrewGrimm This was the first thing I wrote in stackoverflow and at the time I didn't know the site - I didn't know I was supposed to answer so I just wrote a comment : — martinkunev. By the way, even if you don't specify tbody, it is implicitly created for you anyway.

Nosredna Nosredna Aashish Aashish 2, 3 3 gold badges 23 23 silver badges 37 37 bronze badges. Sign up or log in Sign up using Google. Sign up using Facebook. Sign up using Email and Password. Post as a guest Name. Email Required, but never shown. The Overflow Blog. Podcast Quality code is the easiest to delete. It is mostly used when the table has multiple bodies of content. If the data in the table is easily understood to be the tbody then you can safely omit it.

It may be notable that I no longer make the effort to support IE7 on my own projects. See also: MDN. Arwym gives an answer for HTML5 to a related question no :. The tabular data spec for HTML5 does not require them:. Even though I believe it is a good practice to section your rows within thead , tbody and tfoot tags as it makes the table's rows easier to identify. According to HTML 3. While you might think what's the hell you are talking about HTML 3.

Most browsers are forgiving but even so I add the pair in all tables that I use now. Even trivial tables. Especially now that I'm using CSS more and more to decorate those tables. All that being said I have old tables that still work fine on the newest browsers. Stack Overflow for Teams — Collaborate and share knowledge with a private group. Create a free Team What is Teams? Collectives on Stack Overflow. Learn more. Ask Question. Asked 11 years, 4 months ago.

Active 1 month ago. Viewed 20k times. This attribute specifies the vertical alignment of the text within each row of cells of the table header. Possible values for this attribute are:. As this attribute is deprecated, use the CSS vertical-align property instead. The table's HTML is shown here. First, the table's overall style attributes are set, configuring the thickness, style, and color of the table's exterior borders and using border-collapse to ensure that the border lines are shared among adjacent cells rather than each having its own borders with space in between.

The cells are given a light gray outline which is a single pixel thick, padding is adjusted, and all cells are left-aligned using text-align. They use a darker background-color , a larger font size, and a thicker, darker bottom border than the other cell borders. Let's see how that's done. Let's take the previous example, add some more students to the list, and update the table so that instead of listing each student's major on every row, the students are grouped by major, with heading rows for each major.