首页 / 知识
如何用CSS给tbody加垂直滚动条
2023-04-11 14:06:00
思路就是
1，把tbody设置成display:block，然后就对其高度设置一个固定值，overflow设置成auto。
2，把thead的tr设置成display:block。
3，因为都设置成block所以要给td手动添加宽度 width:200px
代码如下：
代码如下：
<table>
<thead>
<tr>
<th>Id</th>
<th>Name</th>
<th>Category</th>
<th>MonthAmount</th>
<th>hasBackUp</th>
<th>score</th>
</tr>
</thead>
<tbody>
<tr>
<td>23</td>
<td>South Bearing</td>
<td>Glass/Material</td>
<td>1234444</td>
<td>TRUE</td>
<td>3456.00</td>
</tr>
<tr>
<td>23</td>
<td>South Bearing</td>
<td>Glass/Material</td>
<td>1234444</td>
<td>TRUE</td>
<td>3456.00</td>
</tr>
<tr>
<td>23</td>
<td>South Bearing</td>
<td>Glass/Material</td>
<td>1234444</td>
<td>TRUE</td>
<td>3456.00</td>
</tr>
<tr>
<td>23</td>
<td>South Bearing</td>
<td>Glass/Material</td>
<td>1234444</td>
<td>TRUE</td>
<td>3456.00</td>
</tr>
<tr>
<td>23</td>
<td>South Bearing</td>
<td>Glass/Material</td>
<td>1234444</td>
<td>TRUE</td>
<td>3456.00</td>
</tr>
<tr>
<td>23</td>
<td>South Bearing</td>
<td>Glass/Material</td>
<td>1234444</td>
<td>TRUE</td>
<td>3456.00</td>
</tr>
<tr>
<td>23</td>
<td>South Bearing</td>
<td>Glass/Material</td>
<td>1234444</td>
<td>TRUE</td>
<td>3456.00</td>
</tr>
<tr>
<td>23</td>
<td>South Bearing</td>
<td>Glass/Material</td>
<td>1234444</td>
<td>TRUE</td>
<td>3456.00</td>
</tr>
<tr>
<td>23</td>
<td>South Bearing</td>
<td>Glass/Material</td>
<td>1234444</td>
<td>TRUE</td>
<td>3456.00</td>
</tr>
<tr>
<td>23</td>
<td>South Bearing</td>
<td>Glass/Material</td>
<td>1234444</td>
<td>TRUE</td>
<td>3456.00</td>
</tr>
<tr>
<td>23</td>
<td>South Bearing</td>
<td>Glass/Material</td>
<td>1234444</td>
<td>TRUE</td>
<td>3456.00</td>
</tr>
</tbody>
</table>
css
代码如下：
。table thead tr {
display:block;
}
。table tbody {
display: block;
height: 200px;
overflow: auto;
}
。table th {
width:20%;
}
。table td {
width:20%;
}
|
最新内容
相关内容
python如何定义class
python如何定义class，代码，数据，概念，名字，培训，工作，形态，对象，函数，方法，python中的类(Class)是一个抽象的概念，比函数还要抽象，这也就是Pyth
python如何获取键盘输入
python如何获取键盘输入，培训，标准，函数，字符串，结果，引号，表达式，变量，脚本，结尾，python2中：raw_input函数raw_input()函数从标准输入读取一
python如何退出循环
python如何退出循环，培训，代码，语句，条件，嵌套，序列，剩余，最小，以上，语言，break语句pythonbreak语句，就像在C语言中，打破了最小封闭for或whilepython如何用python随机产生一个一
python如何用python随机产生一个一维数组，数字，培训，步长，整数，数组，参数，函数，小数位，之间，两个，使用random模块生成随机数组python的random
python怎么添加注释
python怎么添加注释，代码，项目，培训，注释，平台，声明，上方，实例，可读性，源文件，注释是对一段代码的解释和说明，可提高程序代码的可读性，让人们能
python如何开发网站
python如何开发网站，网站，技术，培训，数字，数据，商业，价值，网络，人工智能，代码，Python是一门简单易学的编程语言，代码简洁优美，最近，随着人工智能
python如何判断一个数是素数
python如何判断一个数是素数，数字，代码，培训，质数，素数，方法，个数，自然数，不是，思路，python如何判断一个数是素数的方法：一个大于1的自然数，除
python如何比较两个字符串是否相等
python如何比较两个字符串是否相等，培训，工作，字符串，两个，下面，以上，方法，更多，内容，python在实际的开发工作中，经常会遇到要判定两个字符串
python如何确定是否为可迭代对象
python如何确定是否为可迭代对象，培训，元素，索引，对象，整数，字典，函数，类型，下标，模块，迭代可以理解为，任意的集合使用for循环遍历python中，迭
python如何调用mysql
python如何调用mysql，培训，流程，一致，密码，数据，数据库，数据库连接，接口，语句，方法，DB-API是一个规范.它定义了一系列必须的对象和数据库存取
python如何打印列表长度
python如何打印列表长度，培训，技术，概念，项目，列表，长度，数组，方法，鲜为人知，初始化，首先，我们需要明确的一点就是Python是没有数组这一概念的
python如何求一个数的平方
python如何求一个数的平方，培训，平方根，个数，整数，函数，模块，方法，小数，表达式，数值，用python进行数学计算，可以使用python内置的函数模块，下面