tbody 加滚动条

原创 2016年08月30日 21:20:31

在页面中给tbody加滚动条保持thead不动。

<html>
<head>
<link rel="stylesheet" type="text/css" href="main.css">
</head>
<body>
<table class="table">
<thead>
<tr>
<th>head1</th>
<th>head2</th>
<th>head3</th>
<th>head4</th>
<th>head5</th>
<th>head6</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>3</td>
<td>3</td>
<td>3</td>
<td>3</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>4</td>
<td>4</td>
<td>4</td>
<td>4</td>
<td>4</td>
</tr>
<tr>
</tbody>
.table thead tr {
display:block;
}
.table tbody {
display: block;
height: 100px;
overflow: auto;
}
.table th {
width:20%;
}
.table td {
width:20%;
} 

将thead和tbody都设置成块级元素之后,单元格的宽度有可能不一样,因此一定要设置单元格的宽度保持一致。

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

如何实现thead固定不动,tbody出现垂直滚动条

多套一个div,用两个table控制,标题一个table,内容一个table。给内容多套一个div,设置高度后 overflow-y: auto;

如何设置table的tbody高度,超出默认高度会出现滚动条!!!

需求:标题栏固定,tbody里的内容滑动;   解决方案:用的是两个div内套了两个table,一个放thead,一个放thead,看起来像是一个table。padding-right:17px是指...

TBODY显示滚动条 (让THEAD不滚动,TBODY滚动)

body {                 border: 0;        ...
  • inaoen
  • inaoen
  • 2011-12-15 15:42
  • 17917

用css 给tbody加垂直滚动条

思路就是 1,把tbody设置成display:block,然后就对其高度设置一个固定值,overflow设置成auto。 2,把thead的tr设置成display:block。 3,因为都设...

CSS设置table下tbody滚动条与thead对齐的方法

威易网CSS教程 table tbody {     display:block;     height:195px;     overflow-y:scroll; } table...

如何给表格的tbody添加滚动条

tbody添加滚动条

表格加滚动条

怎样给图层加滚动条

今天,我做了一个小的网页相册,遇见了一些小的问题,怎样给表格上加滚动条,怎样给图层加滚动条,不会了,遇见问题,在网上查到的!!! 真的是有事找百度!!! 接下来是怎样给图层上加滚动条的代码:  ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)