Ok, I gave up trying to make it work on quasar v0.13.10 as the template that I’m using is being deprecated… On quasar v0.14.1 I was able to make it work without any problem.

Anyway thanks for those who tried to help.

I have a DataTable that loads some data from IndexedDB when I go to its route. My problem is that every time I enter the route the noData message from the DataTable is displayed(pretty damn fast). So I’ve tried to do this:

<q-data-table
       :data="weightList"
       :config="config"
       :columns="columns"
>

      <template @click="t" slot="col-weight" scope="cell">
        <span class="light-paragraph">{{ cell.data }}</span>
      </template>

      <template slot="col-weighingDate" scope="cell">
         <span class="light-paragraph">{{ formatDate(cell.data) }}</span>
      </template>
 
      <template slot="selection" scope="selection">
         <q-btn flat invert @click="remove(selection)">
           <q-icon name="delete" />
         </q-btn>
       </template>
  
       <q-inner-loading :visible="isLoading">
          <q-spinner size="50px" color="primary" />
       </q-inner-loading>
 </q-data-table>

I have isLoading = true on the date () and I set it to false after the data is fetched from the indexedDB.

So the <q-inner-loading> doesn’t appear when inside the DataTable component but it DOES outside.

Does anyone knows if it suppose no to work on this specific component?

Best regards,
Bruno