У меня есть динамическая таблица в php, где контент динамически извлекается из базы данных, я хочу сделать фиксированным во время прокрутки, мой код отлично работает в статическом html.
Вот мой код
<div class="data"> <table> <thead> <tr> <th>Page Id</th> <th>User Id</th> <th>Page Title</th> </tr> </thead> <?php foreach($this->analysisL as $key => $value) {?> <tbody> <tr> <td><?php echo $value['daily_clicks']?></td> <td><?php echo $value['RDCL']?></td> <td><?php echo $value['SDCL']?></td> </tr> </tbody> <?php }?> </table> </div>
Вот мой css
body{ font-family: sans-serif; } h1{ font-size: 2em; } p{ margin-top: 1em; } div{ padding: 0 50px } .data{ position: fixed; top: 0; z-index: 0; } .content{ position: relative; background: #fff; z-index: 1; padding: 50px; } th,td{ width: 200px; padding: 3px; } th{ background: #ccc; }
Моя цель состоит в том, чтобы фиксировать фиксированную позицию таблицы во время прокрутки и содержимое динамического набора тела таблицы из базы данных с использованием php loop
Я рекомендую вам использовать js-библиотеку «head fixer» ( https://github.com/lai32290/TableHeadFixer ) быстрый и простой способ сделать стоп-стоп / стоп исправленным.