主页 / 问题 / 836405
Accepted
Ara Chinaryan
Asked:2020-06-01 21:36:41 +0000 UTC2020-06-01 21:36:41 +0000 UTC

表 tfoot 显示在桌子顶部

  • 772

我在一个论坛上读到<tfoot>一个元素，它应该在<thead>元素之后。它一直显示在下面。如何让它显示在表格的顶部。

<table>
  <thead>
    <tr>
      <th>Month</th>
      <th>Savings</th>
    </tr>
  </thead>
  <tfoot>
    <tr>
      <td>Sum</td>
      <td>$180</td>
    </tr>
  </tfoot>
  <tbody>
    <tr>
      <td>January</td>
      <td>$100</td>
    </tr>
    <tr>
      <td>February</td>
      <td>$80</td>
    </tr>
  </tbody>
</table>

html

1 个回答

  1. Best Answer

    桌子的标签就是为此而设计的，因此可以对块进行逻辑划分，其中：<thead>- 这是表格的标题，<tbody>- 表格的主体和<tfoot>- 地下室，否则！如果你真的需要它，你可以覆盖样式：

    tfoot {
  display: table-row-group;
  /*display: table-header-group; /* или так */
}
    <table>
  <thead>
    <tr>
      <th>Month</th>
      <th>Savings</th>
    </tr>
  </thead>
  <tfoot>
    <tr>
      <td>Sum</td>
      <td>$180</td>
    </tr>
  </tfoot>
  <tbody>
    <tr>
      <td>January</td>
      <td>$100</td>
    </tr>
    <tr>
      <td>February</td>
      <td>$80</td>
    </tr>
  </tbody>
</table>

    • 2

相关问题