首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >仅使用CSS的<thead>中固定的表头

仅使用CSS的<thead>中固定的表头
EN

Stack Overflow用户
提问于 2017-04-26 12:56:31
回答 1查看 5.1K关注 0票数 1

我正在尝试在不使用Javascript的情况下获得一个固定的表头。下面是我的表的基本设置:

代码语言:javascript
运行
复制
<table>
   <thead>
     <tr>
       <th>...</th>
       <th>...</th>
       <th>...</th>
    <tr>
   </thead>
   <tbody>
       ...
   </tbody>
</table>

我试过使用css,但没有成功。我得到了一个固定的标题,但它的宽度很小,它不能调整。

代码语言:javascript
运行
复制
.thead {
    position:fixed;
    top:0;
    width:100%;
}
EN

回答 1

Stack Overflow用户

发布于 2017-04-26 14:47:26

尝尝这个

代码语言:javascript
运行
复制
<table>
   <thead class="fixedthead">
     <tr>
       <th>...</th>
       <th>...</th>
       <th>...</th>
    <tr>
   </thead>
   <tbody>
       ...
   </tbody>
</table>

.fixedthead{position:fixed; top:0px;}
票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/43625367

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档