аюсь создать загрузочный оверлей поверхTBODY (и только tbody). Мое текущее решение состоит в том, чтобы добавить tr в качестве последнего элементаTBODY и установите его какположение: абсолюти установка tbody какположение: родственник.

table {
  width: 100%;
}

tbody {
  position: relative;
}

.overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(200, 200, 200, 0.7);
}

<table>
  <thead>
    <tr>Label</tr>
  </thead>
  <tbody>
    <tr><td>Data</td></tr>
    <tr><td>Data</td></tr>
    <tr class="overlay">
      <td>My overlay</td>
    </tr>
  </tbody>
</table>

Ожидаемое поведение заключается в том, что наложение охватываетTBODY, но нетTHEAD, Также предполагается, что это наложение содержит некоторый контент (например, кнопку обновления), поэтомутд это не вариант.

Мое решение отлично работает в Firefox, но не в webkit. Webkit как-то игнорируетположение: родственник наTBODY тег и, таким образом, наложение охватывает весьТаблица и более.

ПОСТАНОВИЛИМне удалось заставить этот подход работать, добавивдисплей: таблица наTBODY