1

Я читал в форуме о <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> 

2
  • В этом то и дело, что порядок строго определен, дом строят начиная с фундамента, после уже идут стены и всё это дело накрывают крышей, а никак не наоборот!
    – RifmaMan
    1 июн 2018 в 13:40
  • Видно его не как нельзя поднять... 1 июн 2018 в 13:41

1 ответ 1

2

Теги таблица на то и придуманы чтобы было логичное разделение блоков где: <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>

1
  • Спасибо большое))) 1 июн 2018 в 13:57

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.