栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

如何在可滚动的div中制作固定的标题表?

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

如何在可滚动的div中制作固定的标题表?

怎么做这样的事情?我从头开始…

我所做的是使用2个表,一个表用于标题,该表始终是静态的,而另一个表呈现单元格,我使用

div
固定高度的元素包装了这些单元格,并启用了滚动,
overflow-y:auto;

还要确保您使用

table-layout: fixed;
固定宽度的
td
元素,以便在
table
使用不带字符串的情况下不会断线
whitespace
,以便在使用时断开该字符串
word-wrap: break-word;

.wrap {    width: 352px;}.wrap table {    width: 300px;    table-layout: fixed;}table tr td {    padding: 5px;    border: 1px solid #eee;    width: 100px;    word-wrap: break-word;}table.head tr td {    background: #eee;}.inner_table {    height: 100px;    overflow-y: auto;}<div >    <table >        <tr> <td>Head 1</td> <td>Head 1</td> <td>Head 1</td>        </tr>    </table>    <div >        <table>        <tr> <td>Body 1</td> <td>Body 1</td> <td>Body 1</td>        </tr>        <!-- Some more tr's -->    </table>    </div></div>


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/390626.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号