Блог

Главная - Вопросы по программированию - Заголовок таблицы начальной загрузки не является липким в версии Android, но работает так, как задумано, во всех других форматах

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

#android #html #css #bootstrap-4 #sticky

Вопрос:

Я не понимаю, почему заголовки моих таблиц работают так, как задумано, в большинстве форматов, кроме мобильных, в основном на устройствах Android.

 .table.striped th {
  position: -webkit - sticky;
  position: sticky;
  top: 0;
  z-index: 5;
} 
 <table class="table striped">
  <tr class="bg-info">
    <th data-column="fullName" data-order="desc">Player</th>
    <th data-column="currentTeam" data-order="desc">Team</th>
    <th data-column="fanPoints" data-order="desc">FP</th>
    <th data-column="gamesStarted" data-order="desc">GS</th>
    <th data-column="savePercentage" data-order="desc">Sv%</th>
    <th data-column="goalsAgainstAverage" data-order="desc">GAA</th>
    <th data-column="wins" data-order="desc">W</th>
    <th data-column="losses" data-order="desc">L</th>
    <th data-column="shutouts" data-order="desc">SO</th>
  </tr>
</table>

Вы можете просмотреть приложение на https://goaliestarter.netlify.app/table2.html

Нажмите на таблицу лидеров, и вы увидите, как работает таблица. На ПК все работает нормально, но если вы используете панель инструментов устройства, вы заметите, что большинство устройств имеют липкую панель инструментов только при прокрутке вверх, а не вниз!

Любые идеи о том, как это исправить, будут оценены по достоинству. Я бы хотел, чтобы заголовки таблиц были видны при прокрутке в любом направлении.

Метки: , , ,