Loading slot

You can customize loading effect like this:

<EasyDataTable
  :headers="headers"
  :items="items"
>
  <template #loading>
    <img
      src="https://i.pinimg.com/originals/94/fd/2b/94fd2bf50097ade743220761f41693d5.gif"
      style="width: 100px; height: 80px;"
    />
  </template>
</EasyDataTable>

Attention: this is a new feature since version 1.1.4

Example

NameAddressHeightWeightAgeFavourite sportFavourite fruits

⚠️ loading slot feature is based on the slotsopen in new window feature of vue.js. So before using the loading slot feature in vue3-easy-data-table, Please make sure you have known how to use the slotsopen in new window feature of vue.js.