<table
  class="table table-stripped table-bordered table-hover"
  style="max-width:740px;overflow:auto;font-size:9px;">
  <thead>
    <tr>
      <th ng-if="mode === 'creationBranchement'" class="tableFixedHeaders">
        {{ 'itv.correspondance.createConnectionPipe' | translate }}
      </th>
      <!-- Cellule de couleur juste en visualisation -->
      <th ng-if="mode === 'visualisation'"  class="tableFixedHeaders">
      </th>
      <th ng-repeat="col in detailKeys" class="tableFixedHeaders">
        {{col.title}}
      </th>
    </tr>
  </thead>
  <tbody>
    <tr ng-repeat="partdetail in currentDetails" ng-repeat-end >
      <td ng-if="mode === 'creationBranchement'">
        <input type="checkbox" ng-model="partdetail.toCreate">
      </td>
      <!-- Cellule de couleur juste en visualisation -->
      <td ng-if="mode === 'visualisation'">
        <label class="itv-detail-color-cell {{'itv-detail-'+partdetail.type}}">
        </label>
      </td>
      <td ng-repeat="col in detailKeys"
        ng-attr-title="{{col.title}}"
        style="text-align:center;font-size:9px;min-height:30px;max-width:25px;">
        <label ng-if="col.dname !== 'ref_photo' && col.dname !== 'color'">
          {{ partdetail[col.dname]}}
        </label>

        <button ng-if="col.dname === 'ref_photo'" class="btn btn-default btn-xs"
          ng-click
            ="openImage(partdetail[col.dname],currentPart.partIndex,partdetail)">
          <span class="glyphicon glyphicon-camera"></span>
        </button>
      </td>
    </tr>
  </tbody>
</table>