html 表格 - 按行或列答案

【问题标题】：html table - by rows or columnshtml 表格 - 按行或列
【发布时间】：2010-11-20 02:30:33
【问题描述】：

是否所有浏览器都首先支持 html 逐列表格。

我知道你可以做到：

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

但是你能先按列建立一个表吗？先做cols有什么问题吗？

【问题讨论】：

在w3.org/TR/html4/struct/tables.html中描述得很好

标签： html html-table

【解决方案1】：

HTML 表格具有 tbody（以及 thead 和 tfoot）元素，其中包含表格行元素，其中包含表格数据单元格和表格标题单元格元素。

您不能通过依次提供每个完整列来构建表格。仅轮流每一整行。

【讨论】：

【解决方案2】：

HTML 标准不是这样的。你做你的桌子，然后你做一行，然后你的列。标题、正文等还有一些额外的东西。但标准（也是唯一支持的方法）是按行而不是按列。

【讨论】：

【解决方案3】：

根据W3C HTML4 Table Specifications：

此外，作者可以在开始时声明列属性表定义的（通过 COLGROUP 和 COL 元素）以某种方式使用户代理能够呈现表增量而不是等待所有表数据在渲染之前到达。

关于列属性的这一重要说明不会改变表的功能结构，但确实允许灵活地设置表的样式以及语义描述其数据。具体来说，关联的行和列数据为屏幕阅读器带来了好处。

这表明您的表格仍然是按行然后按列构成的。 colgroup 和 col 元素在实际表结构出现之前使用。

【讨论】：

【解决方案4】：

您需要从关系 DOM（文档对象模型）的角度进行思考。

 Table -- Parent
       TR --- Child
            TD ---- Child

它的真实表格确实有一个单元格集合，但单元格永远不能是表格的直接继承者。一个单元格必须包含在一行中，并且一行必须是表格元素的子元素。

如果您正在寻找另一种方法，请尝试使用 XHTML，您可以嵌套 div 和 span 来替换表格。但我个人更喜欢旧的 HTML 4。

【讨论】：

【解决方案5】：

你应该真正使用 HTML 标准，原因是因为弄乱表格的列和行会使代码难以处理。坚持使用标准 HTML。

【讨论】：

【解决方案6】：

要首先打印列，请将其作为表格进行：table 内的表格中的<tr><td>。

请看下面的例子：

// begin parent table here: tr and td 

    <table>    
        <tr><td>  //first row (in a sense) of cols
        <tr><td>  //first row (in a sense) of cols
        <tr><td>  //first row (in a sense) of cols
    </table>

// end parent td start new td

    <table>
        <tr><td>  //second row (in a sense) of cols
        <tr><td>  //second row (in a sense) of cols
        <tr><td>  //second row (in a sense) of cols
    </table>

// end parent td and tr and end table

【讨论】：