Table checkbox not showing when using router

[redouane59]

trafficstars

Hi, i'm displaying a very simple table. When I refresh my page, the table is perfect, but when it is routed with something like
<router-link to="/all"> </router-link>, the left checkboxs are missing and I have only the table.

Here is the table code :

<table style='width: 100%' class="mdl-data-table mdl-js-data-table mdl-data-table--selectable">
      <thead>
        <tr>
          <th class="mdl-data-table__cell--non-numeric">Name</th>
          <th class="mdl-data-table__cell--non-numeric">Category</th>
          <th>Rating</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td class="mdl-data-table__cell--non-numeric">Acrylic (Transparent)</td>
          <td  class="mdl-data-table__cell--non-numeric">Restaurant</td>
          <td>$2.90</td>
        </tr>
        <tr>
          <td class="mdl-data-table__cell--non-numeric">Plywood (Birch)</td>
          <td  class="mdl-data-table__cell--non-numeric">Bar</td>
          <td>$1.25</td>
        </tr>
        <tr>
          <td class="mdl-data-table__cell--non-numeric">Laminate (Gold on Blue)</td>
          <td  class="mdl-data-table__cell--non-numeric">Hotel</td>
          <td>$2.35</td>
        </tr>
      </tbody>
</table>

What I can inspect : With router
<table class="mdl-data-table mdl-js-data-table mdl-data-table--selectable"> Refreshing the page <table class="mdl-data-table mdl-js-data-table mdl-data-table--selectable is-upgraded" data-upgraded=",MaterialDataTable">