表格内部添加滚动条（表头不动，表体动） |
您所在的位置：网站首页 › 表格下拉时如何将表头不动 › 表格内部添加滚动条（表头不动，表体动） |
|
1、表格给的是固定高度（模态框），当超过这个高度时滚动条就开始滚动； 2、表头宽度为（100%-滚动条宽度）时，表头和表体的总宽度才会相等，表体和表头的列宽一一对应（table-layout:fixed; 让所有列平均分配总宽） 3、此时表头若加了width，表体相应的那一列也应该给相同的宽度，（表体的宽不再随着表头的宽动） 3、当设置表头宽度为（100% - 1em）时，就会空出一块，这一小块可以用背景颜色填满~~~ table-layout:fixed;固定了列宽度，让所有的列平均分配总宽 也就会有长的内容会显示不全，那么可以用white-space:normal;来进行换行 用户登录账户 用户名称 所属机构 用户类型 {{item2.account}} {{item2.name}} {{item2.org_name}} {{convert(item2.vip)}} /*设置 tbody高度大于400px时 出现滚动条*/ table tbody { display: block; height: 400px; overflow-y: scroll; } table thead, tbody tr { display: table; width: 100%; table-layout: fixed; } /*滚动条默认宽度是16px 将thead的宽度减16px*/ table thead { width: calc( 100% - 1em); } |
今日新闻 |
推荐新闻 |
| CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |