Проблема с полосой прокрутки для таблиц в браузере Safari

Question

Я столкнулся с проблемой браузера Safari при отображении полосы прокрутки внутри таблицы.

Основная проблема заключается в том, что я определил таблицу с фиксированной высотой, а также переполнение в CSS, поэтому, если содержимое превышает пределы, полоса прокрутки начинает действовать. Я обнаружил, что он хорошо работает с Mozilla Firefox и всеми другими браузерами. Но когда дело доходит до сафари, вертикальная полоса прокрутки не отображается, даже если содержание превышает предел таблицы? Таблица имеет 10 столбцов, ширина каждого столбца может контролироваться индивидуально с помощью CSS.

Может кто-нибудь помочь?

Я использовал приведенный ниже код.

CSS-код для столбцов 1 и 2, как и для 10 различных столбцов.

th {
  background-color:#999999;
  color: #FFFFFF;
  width:99px;  
}   
th + th  {
  background-color:#999999; 
  color: #FFFFFF;    
  width:182px; 
}

Тело таблицы над кодом потока

tbody {
  height: 300px;
  overflow-y: scroll; 
}     

Answer 1

AFAIK переполнение (-y) для элементов таблицы не везде работает.Честно говоря, я даже не уверен, соответствует ли это требованиям спецификации.Возможно, вы захотите использовать Javascript для решения этой проблемы , так как худшее, что может случиться, это то, что кто-то без Javascript (вкл) просто увидит обычную таблицу без возможности прокрутки.