Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 动态表不';不适用于引导卡_Html_Css_Bootstrap 4 - Fatal编程技术网

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中起了作用,就你已经添加的内容而言。你能提供更多的细节,看看我能不能帮上忙?