Visitar URL original
第 112 期(W3C 标准-HTML):table的colgroup和col · Issue #115 · fezaoduke/fe-practice-hard · GitHub
Skip to content

第 112 期(W3C 标准-HTML):table的colgroup和col #115

Description

@wingmeng

<colgroup> 标签用来定义表格列的分组,<col> 的作用是细化 <colgroup> 分组,因为即使在一个组中,列与列之间也可能会出现一些差别。例如一个表格前三列要垂直靠上,后两列垂直靠下。
<colgroup>、<col> 这两个标签在 Chrome、FireFox、Safari 等浏览器中只支持背景色、span、宽度等少数几种样式属性,只有在IE浏览器才能获得完全支持。

> 在线示例 <

image

<table class="ui-table">
  <colgroup style="width:100px; background:#eee;">
    <col style="background:#c00">
    <col style="background:#090">
    <col style="width:60px; background:#069">
  </colgroup>
  <colgroup span="2" style="background:#fc0"></colgroup>
  <thead>
    <tr>
      <th>第1列</th>
      <th>第2列</th>
      <th>第3列</th>
      <th>第4列</th>
      <th>第5列</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>第1列</td>
      <td>第2列</td>
      <td>第3列</td>
      <td>第4列</td>
      <td>第5列</td>
    </tr>
    <tr>
      <td>第1列</td>
      <td>第2列</td>
      <td>第3列</td>
      <td>第4列</td>
      <td>第5列</td>
    </tr>
    <!-- 略 -->
  </tbody>
</table>

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions