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

Question

Datatable仅在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。

Your updates fiddle