table 表头固定,表体滚动的css方法
2017-09-08 13:30
323 查看
table tbody {
display:block;
height:500px;
overflow-y:scroll;
}
table thead, tbody tr {
display:table;
width:100%;
table-layout:fixed;
}
table thead {
width: calc( 100% - 1em )
}
//1em根据滚动条所占页面宽度来定
display:block;
height:500px;
overflow-y:scroll;
}
table thead, tbody tr {
display:table;
width:100%;
table-layout:fixed;
}
table thead {
width: calc( 100% - 1em )
}
//1em根据滚动条所占页面宽度来定
相关文章推荐
- 自己写了个table 固定table头部 使表可以滚动 注意稍不注意表头和表体就会出现不对齐的情况
- 纯css实现table表格固定列和表头,中间横向滚动的思路-附案例
- 纯css实现table表格固定列和表头,中间横向滚动的思路-附案例
- 创建表头固定,表体可滚动的GridView[CSS形式控制]
- 创建表头固定,表体可滚动的GridView
- Asp.net 2.0 自定义控件开发[实现GridView多行表头固定表体滚动效果][示例代码下载]
- Asp.net 2.0 自定义控件开发[实现GridView多行表头固定表体滚动效果]
- bootstrap table 实现固定悬浮table 表头并可以水平滚动
- Asp.net 2.0 自定义控件开发[实现GridView多行表头固定表体滚动效果][示例代码下载]
- JS实现table表格固定表头且表头随横向滚动而滚动
- Asp.net 2.0 自定义控件开发[实现GridView多行表头固定表体滚动效果][示例代码下载]
- html table css 实现固定表头的办法
- 纯css的 表头固定的滚动表格
- css固定table表头的实现代码可同时看到表头和表格底部
- 创建表头固定,表体可滚动的GridView(转)
- CSS实现表格表头(thead)固定,内容(tbody)滚动
- bootstrap-table表头固定,表内容不对齐的另类解决方法
- Asp.net 2.0 自定义控件开发[实现GridView多行表头固定表体滚动效果][示例代码下载]
- Asp.net 2.0 自定义控件开发[实现GridView多行表头固定表体滚动效果][示例代码下载]
- 创建表头固定,表体可滚动的GridView