@P0f1g1st112

Почему не работает css scroll в таблице?

На фронтенде есть таблица с записями, в перспективе их будет очень много, нужно сделать скролл для удобства.
Вроде все по инструкции сделал, а оно вон никак ((
https://jsfiddle.net/j5pbxhe3/
  • Вопрос задан
  • 99 просмотров
Решения вопроса 1
azovl
@azovl
/* This is what we are focused on */
.table{
    overflow-y: scroll;
    height: 300px;
}

.table th{
    position: sticky;
    top: 0;
}

table{
    border-collapse: collapse;
    width: 100%;
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 3
Privetiq
@Privetiq
Тестирую всегда на проде
Или просто добавить в table - display: block;
В итоге будет вот так
table{
  display: block;
	text-align: center;
	width:100%;
	height: 300px;
	table-layout: fixed;
	overflow-x: hidden;
  overflow-y: auto;
	border-spacing: 0px;
}
Ответ написан
@vladchv
WordPress Developer
Возможно костыль, но работает)
table{
   display:block;
   max-height:300px;
}
th,td{
   width:100%;
   white-space:nowrap;
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы