黏性標題可以在滾動 Div 中用於表標題嗎？

只需將以下行加入您的CSS 樣式表：

<code class="css">thead th { position: sticky; top: 0; }</code>

先決條件：

• 確保您的表格包含 。

  範例表格標記：

  <code class="html"><table>
      <thead>
          <tr>
              <th>column 1</th>
              <th>column 2</th>
              <th>column 3</th>
              <th>column 4</th>            
          </tr>    
      </thead>
      <tbody>
        // body code
      </tbody>
  </table></code>

  登入後複製

  其他選項：

  • 其他選項：

  <code class="css">thead tr:first-child th { position: sticky; top: 0; }</code>

  登入後複製

  要要修正 的第一行滾動時，使用以下內容：

  瀏覽器支援：截至2018 年3 月，現代瀏覽器廣泛支持thead 元素的黏性定位，感謝開發者社群的努力。