<div>
  <table>
    <tr>
      <td
        colspan="2"
        ng-style="legStyles.layerNameStyle"
        style="max-width: 140px;"
      >
        <label
          class="legSketchLblPaddingColors"
          ng-style="legStyles.legSketchLblPadding"
          >Couche numéro un</label
        >
      </td>
    </tr>
    <tr>
      <td>
        <canvas ng-style="legStyles.category1RepStyle"></canvas>
      </td>
      <td ng-style="legStyles.categoryTextStyle" style="max-width: 140px;">
        <label
          class="legSketchLblPaddingColors"
          ng-style="legStyles.legSketchLblPadding"
          >Catégorie numéro un</label
        >
      </td>
    </tr>
    <tr>
      <td>
        <canvas ng-style="legStyles.category2RepStyle"></canvas>
      </td>
      <td ng-style="legStyles.categoryTextStyle" style="max-width: 140px;">
        <label
          class="legSketchLblPaddingColors"
          ng-style="legStyles.legSketchLblPadding"
          >Catégorie 2</label
        >
      </td>
    </tr>
    <tr>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td
        colspan="2"
        ng-style="legStyles.layerNameStyle"
        style="max-width: 140px;"
      >
        <label
          class="legSketchLblPaddingColors"
          ng-style="legStyles.legSketchLblPadding"
          >Couche 2</label
        >
      </td>
    </tr>
    <tr>
      <td>
        <canvas ng-style="legStyles.category1RepStyle"></canvas>
      </td>
      <td ng-style="legStyles.categoryTextStyle" style="max-width: 140px;">
        <label
          class="legSketchLblPaddingColors"
          ng-style="legStyles.legSketchLblPadding"
          >Couche 2</label
        >
      </td>
    </tr>
  </table>
</div>
