table添加垂直滚动条

546 阅读1分钟

转载用css 给tbody加垂直滚动条

思路

  1. 把tbody设置成display:block,然后就对其高度设置一个固定值,overflow设置成auto。
  2. 把thead的tr设置成display:block。
  3. 因为都设置成block所以要给td手动添加宽度
<table class="layui-table">
	<thead>
		<tr style="display:block;">
			<th style="width:20%"></th>
			<!-- 其他列 -->
		</tr>
	</thead>
	<tbody style="display:block; overflow: auto; height:350px">
		<tr>
			<td style="width:20%"></td>
			<!-- 其他列 -->
		</tr>
	</tbody>
</table>

开发者涨薪指南

48位大咖的思考法则、工作方式、逻辑体系