jquery如何在td中实现滚动条?
就像这样,,它展示在一个td中,我只想展示两行的高度,如果还有多余的,就会有滚动条,请问怎么实现?...
就像这样,,它展示在一个td中,我只想展示两行的高度,如果还有多余的,就会有滚动条,请问怎么实现?
展开
2016-03-16 · 百度知道合伙人官方认证企业
育知同创教育
1【专注:Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址:北京市昌平区三旗百汇物美大卖场2层,微信公众号:yuzhitc】
向TA提问
关注
展开全部
jquery在rd中显示滚动条可以用div+css方式实现。调用 overflow-y: scroll;样式就会出现滚动条。
css样式:
<style>
table {
border: 1px solid black;
border-collapse: collapse;
}
td {
border: 1px solid black;
}
table div {
height: 50px;
overflow-y: scroll;
}
</style>
table主体:
<table border="1">
<tr>
<th>Month</th>
</tr>
<tr>
<td>
<div>
12月
</div>
</td>
</tr>
</table>
css样式:
<style>
table {
border: 1px solid black;
border-collapse: collapse;
}
td {
border: 1px solid black;
}
table div {
height: 50px;
overflow-y: scroll;
}
</style>
table主体:
<table border="1">
<tr>
<th>Month</th>
</tr>
<tr>
<td>
<div>
12月
</div>
</td>
</tr>
</table>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>
RunJS 演示代码
</title>
<style>
table {
border: 1px solid black;
border-collapse: collapse;
}
td {
border: 1px solid black;
}
table div {
height: 50px;
overflow-y: scroll;
}
</style>
</head>
<body>
<table>
<tr>
<td>
<div>
<input type="checkbox" />
测试3
<input type="button" value="信息设置" />
<br />
<input type="checkbox" />
测试2
<input type="button" value="信息设置" />
<br />
<input type="checkbox" />
测试1
<input type="button" value="信息设置" />
<br />
</div>
</td>
<td>
<div>
<input type="checkbox" />
测试3
<input type="button" value="信息设置" />
<br />
<input type="checkbox" />
测试2
<input type="button" value="信息设置" />
<br />
<input type="checkbox" />
测试1
<input type="button" value="信息设置" />
<br />
</div>
</td>
</tr>
</table>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询