带有ICON的表格在Chrome上有效，但在IE11 / Angular 6应用程序上无效

Question

我正在开发一个基于角度6的Web应用程序，其中在组件视图中，我具有以下需要模板tempalate的模板。这里的问题是它可以完美地在chrome中工作，但不能在IE11中工作。

请查看此信息，并让我知道是否缺少任何内容。

.table - fixed {
    width: 100 % ;
  }
  .table - fixed tbody {
    height: 200 px;
    overflow - y: auto;
    overflow - x: hidden;
    width: 100 % ;
  }
  .table - fixed thead, .table - fixed tbody, .table - fixed tr, .table - fixed td, .table - fixed th {
    display: block;
  }
  .table - fixed thead, .table - fixed thead tr {
    box - shadow: 0 3 px 6 px 0 rgba(0, 0, 0, .16);
    background - color: #707070; white-space: nowrap}
    .table-fixed tbody td{
          float:left;
      }
    .table-fixed thead tr th{
        float: left;
        border-color: # 707070;
    color: #ffffff;
    background: #707070;
      }

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
<ng-template #myDraftOrder>
  <table class="table table-fixed table-stripped">
    <thead>
      <tr>
        <th class="col-md-2">Date/Time</th>
        <th class="col-md-1">Initiator</th>
        <th class="col-md-1">Owner</th>
        <th class="col-md-2">Initiated From</th>
        <th class="col-md-1">Portfolio</th>
        <th class="col-md-2">Order details</th>
        <th class="col-md-1">Instrument</th>
        <th class="col-md-1">Status</th>
        <th class="col-md-1">&nbsp;</th>
      </tr>
    </thead>
    <tbody>
      <tr *ngFor="let data of sampleSxOrderSession">
        <td class="col-md-2">
          {{data.auditInformations.creationDate | date: 'dd/MM/yyyy hh:mm'}}
        </td>
        <td class="col-md-1">{{data.auditInformations.createdBy}}</td>
        <td class="col-md-1">{{data.owner}}</td>
        <td class="col-md-2">Rebalancing</td>
        <td class="col-md-1">{{data.portfolios[0].label}}..({{ data.portfolios?.length }})</td>
        <td class="col-md-2">
          <div *ngFor="let order of data.orders">
            <div *ngFor="let orderDetail of order.ordersDetails">
              <p *ngIf="data.portfolios?.length <= 1 && data.instruments?.length <= 1">{{order.orderNature}} {{orderDetail.calculatedQuantity}}</p>
            </div>
          </div>
        </td>
        <td class="col-md-1">{{data.instruments[0].name}}..({{ data.instruments?.length }})</td>
        <td class="col-md-1">
          {{data.auditInformations.status | titlecase}}
        </td>
        <td class="col-md-1"> <i class="action-icons mine-icon-baseline-create mine-icon-17"></i> <i class="action-icons mine-iconbin mine-icon-17"></i></td>
      </tr>
    </tbody>
  </table>

  <br/>
  <br/>
  <ngb-pagination [collectionSize]="pager.totalCount" [page]="pager.pageNumber" (pageChange)=" getUserOrdersessions($event)" [maxSize]="3" [ellipses]="false" [rotate]="true"></ngb-pagination>
</ng-template>

请让我知道以上代码提供的IE11缺少什么。