table tfoot показывать на верху таблицы

263
23 июня 2018, 20:20

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

Answer 1

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

READ ALSO
Фон блока не растягивается вместе с контентом самого блока. Помогите

Фон блока не растягивается вместе с контентом самого блока. Помогите

У меня проблема с дивом "brya", я задаю ему background и все вроде бы хорошо, но фон не растягивается вместе с контентом который внутри дива, было пару...

248
Автоматическое сворачивание объекта

Автоматическое сворачивание объекта

Есть меню с выпадающим списком, выпадающий список появляется по клику (slideToggle()), как сделать чтобы подменю автоматически сворачивался обратно...

352