Bootstrap 4 Tabellenspaltenbreite in IE11 und Microsoft Edge nicht korrekt formatiert

Question

Hat jemand ein Problem mit Bootstrap 4-Tabellenspalten festgestellt, die bei der Verwendung von IE11 oder Microsoft Edge nicht korrekt formatiert wurden?

Bitte überprüfen Sie die Geige aus - https://jsfiddle.net/vqazpa15/

(Dies ist nicht in IE11/Rand funktioniert, funktioniert aber in Firefox/Chrome)

<table class="table"> 
    <thead> 
     <tr class="row"> 
      <th class="col-2">column 1</th> 
      <th class="col-3">column 2</th> 
      <th class="col-7">column 3</th> 
     </tr> 
    </thead> 
</table> 

(Dies in allen Browsern funktioniert, die ich getestet)

<div class="row"> 
    <div class="col-2">column 1</div> 
    <div class="col-3">column 2</div> 
    <div class="col-7">column 3</div> 
</div> 

Es gibt zwei Beispiele in der Geige. Im ersten Beispiel wird der Inhalt in eine Tabelle eingeschlossen. Die zweite der Inhalt in einem div. Wie Sie sehen können, beide Beispiele Format in Firefox und Chrome gut, aber in IE11 und Edge nur die 'Div' Beispiel formatiert richtig - die Tabelle wird alle verrückt.

Weiß jemand was los ist ??

Vielen Dank im Voraus!

Answer 1

habe ich eine issue auf Bootstrap's Github erstellt und Mark sagte nicht die row und col Klassen auf Tabellen zu verwenden, da sie flexboxes und damit brechen die Anzeigeeigenschaften von Tabellen sind.