таблица td строки перекрываются на заголовке таблицы - PullRequest
Новая
       1

таблица td строки перекрываются на заголовке таблицы

0 голосов
/ 29 февраля 2020

Сначала я создаю таблицу, а затем я получаю данные с ajax, создаю td и помещаю в нее div, но div, который находится в td, приходит поверх table прокрутки .

Стиль заголовка таблицы: 

table th {
    background-image: -moz-linear-gradient(top, blue, yellow);
    color: white;
    font-family: 'BRoya';
    font-weight: bold;
    position: sticky;
    top: 0;
    cursor: pointer;
}

Как видите, div внутри tr выходит поверх table header

enter image description here

1 Ответ

0 голосов
/ 29 февраля 2020

Не могли бы вы поделиться структурой кода таблицы, чтобы я мог проверить фактическую проблему, обновите полный код

, чтобы вы поняли, что я разделяю правильную структуру html таблицы 

<!DOCTYPE html>
<html>
<head>
<style>
table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #dddddd;
}
</style>
</head>
<body>


<table>
  <tr>
    <th><div>Company</div></th>
    <th>Contact</th>
    <th>Country</th>
  </tr>
  <tr>
    <td>Alfreds Futterkiste</td>
    <td>Maria Anders</td>
    <td>Germany</td>
  </tr>
  <tr>
    <td><div>Dummy</div></td>
    <td>Maria Anders</td>
    <td>Germany</td>
  </tr>
  <tr>
    <td>Alfreds Futterkiste</td>
    <td>Maria Anders</td>
    <td>Germany</td>
  </tr>

</table>

</body>
</html>

и это происходит из-за этого удалить это css все будет хорошо, спасибо 

table th {
top:0;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...