IE10中的Bootstrap 4，Rails应用程序：为表列打破了网格类

Question

我在Rails 5.1.5应用程序中使用bootstrap 4.0.0。

我有这张桌子：

<table class="table table-hover table-bordered">
<thead>
  <tr class="table-title-bg">
    <th class="col-1">COD SAP</th>
    <th class="col-4">DESCRIPCION</th>
    <th class="col-2">REF. FABRICANTE</th>
    <th class="col-1">FABRICANTE</th>
    <th class="col-1">STOCK</th>
    <th class="col-1">PRECIO MEDIO(€)</th>
    <th class= "col-2">PLANTA</th>
  </tr>
</thead>
<tbody>
  <% parts.each do |part| %>
    <tr>
      <td><%= part.sap_cod %></td>
      <td><%= part.descripcion_maestro %></td>
      <td><%= part.ref_fabricante %></td>
      <td><%= part.fabricante %></td>
      <td><%= part.stock %></td>
      <td><%= part.precio_medio %></td>
      <td><%= part.planta_nombre %></td>
    </tr>
  <%end%>
</tbody>

问题是第一列是col-1，实际上在IE10中占据了8列布局：

这在Chrome中运行良好，如图所示。您还可以看到上述表格中的网格在两种情况下都能正常工作（除了IE10中的颜色问题）

有关如何修复它的任何建议吗？