HTMLテーブル<thead>を動的にスクロールしている間に修正しました<tbody> PHPで

Question

私は動的なテーブルをデータベースから取得していますが、静的な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のループを使用して

Answer 1

私はあなたが使用することをお勧めします 'head fixer' jsライブラリ（https://github.com/lai32290/TableHeadFixer） テーブルヘッド/フットを固定するための迅速かつ簡単な方法。