Table vertical header?

by

Just use <th> as the first element in the row. Then add the scope attribute, which has no visual impact, but you could use it e.g. in CSS.

<table>
  <tbody>
    <tr>
      <th scope="row">A</th>
      <td>b</td>
    </tr>
    <tr>
      <th scope="row">C</th>
      <td>d</td>
    </tr>
  </tbody>
</table>

See also http://www.w3.org/TR/WCAG20-TECHS/H63

More Related Contents:

  1. How to design a table like this
  2. How do I keep two side-by-side div elements the same height?
  3. How do I create an HTML table with a fixed/frozen left column and a scrollable body?
  4. Setting the width of inline elements
  5. Table fixed header and scrollable body
  6. Alternate table row color using CSS?
  7. A Space between Inline-Block List Items [duplicate]
  8. display: inline-block extra margin [duplicate]
  9. Table with fixed header and fixed column on pure css
  10. How to display scroll bar onto a html table
  11. White space at bottom of anchor tag
  12. IE9 Float with Overflow:Hidden and Table Width 100% Not Displaying Properly
  13. Fixed Table Cell Width
  14. 100% Min Height CSS layout
  15. Add border-bottom to table row
  16. How to make fill height
  17. CSS table-cell equal width
  18. Remove outline from select box in FF
  19. How to make div occupy remaining height?
  20. How can I truncate table cells, but fit as much as content possible?
  21. Setting table column width
  22. Table scroll with HTML and CSS [duplicate]
  23. How to center the contents of an HTML table?
  24. How to hide Table Row Overflow?
  25. Specifying Tab-Width?
  26. Removing unwanted table cell borders with CSS
  27. Yet Another Divs vs Tables issue: Forms
  28. Splitting a table cell into two columns in HTML
  29. What’s the point of valid CSS/HTML?
  30. How to make a table with equal column widths in CSS?

Leave a Comment