Html 动态表不';不适用于引导卡
我在引导卡的内部有数据表,但是当表大于卡的高度时,它将超过卡的外部。我有一个溢出:自动在一个表包装,也不会触发一旦超过卡的高度 下面是一个简化的示例:Html 动态表不';不适用于引导卡,html,css,bootstrap-4,Html,Css,Bootstrap 4,我在引导卡的内部有数据表,但是当表大于卡的高度时,它将超过卡的外部。我有一个溢出:自动在一个表包装,也不会触发一旦超过卡的高度 下面是一个简化的示例: 我已经把你交给了stackblitz() 为了简单起见,我在这里使用了样式属性。但是内部div是溢出的项,然后外部div(您有处理溢出的CSS)添加了scroll 主要变化如下: <div class="table-wrap"> <div style="height:690px"> <table clas
我已经把你交给了stackblitz() 为了简单起见,我在这里使用了样式属性。但是内部div是溢出的项,然后外部div(您有处理溢出的CSS)添加了scroll 主要变化如下:
<div class="table-wrap">
<div style="height:690px">
<table class="table table-sm table-dark table-striped">
<thead>
</thead>
<tbody>
<tr>
<td>test</td>
</tr>
</tbody>
</table>
</div>
</div>
测试
你必须把它包装在一个高度控制的容器中,例如“代码> < /Cord> ReF:你应该分页内容,而不是试图与@ HiEngayun达成一致,如果你有很多行,滚动会是一种痛苦,你应该考虑将你的数据分页到卡中,但是如果你“只是”有太多,也许一个卷轴更容易/更好-你更了解你的数据…分页是一个好主意,但它不是一个选项,因为我只是按照命令,它只会有2页,所以我不认为卷轴会很痛苦。另外,@developer你的解决方案没有起到作用可悲的是,我正在尝试不在固定高度下工作。你能详细说明为什么它不起作用吗?它在stackblitz中起了作用,就你已经添加的内容而言。你能提供更多的细节,看看我能不能帮上忙?