引导程序d-flex中的Jquery Datatable是Internet Explorer中溢出的父级

Question

数据表仅在Internet Explorer中使用d-flex类从父级渲染到外部或溢出。

<div class="d-flex justify-content-center">
    <div class="card">
        <div class="card-header">HEADER</div>
        <div class="card-block">
          JQUERY DATATABLE
        </div>
    </div>
</div>

以下是此问题的{JSFiddle https://jsfiddle.net/q9L2L6dz/

Answer 1

这是一个已报告的问题，您可以查看here。

修复它的方法是为行设置固定宽度。改变这一行：

<div class="row" style="padding-top:5px; padding-bottom:15px;">

为：

<div class="row" style="padding-top:5px; padding-bottom:15px;width: 900px;">

当然，您需要使用媒体查询而不是像900px这样的静态值。

您更新的fiddle