# Datatable templates

## Kursusblanket

<doc-tabs>
<doc-tab name="Preview" :selected="true">
  <iframe style="border: 0; width: 100%; height: 600px; border: 1px solid #ccc;" :src="$withBase('/guide/compositions/datatable-templates/kursusblanket.html')"/>
  <div class="app">
    <div class="d-flex justify-content-end">
      <v-button :href="$withBase('/guide/compositions/datatable-templates/kursusblanket.html')" class="pr-0" target="_blank" link>Open in new tab</v-button>
    </div>
  </div>
</doc-tab>
<doc-tab name="Code">

<<< @/src/docs/guide/compositions/datatable-templates/kursusblanket.html

</doc-tab>

<doc-tab name="ny-blanketter.json">

<<< @/src/docs/.vuepress/public/data/v-datatable/ny-blanketter.json

</doc-tab>

<doc-tab name="indsendte-blanketter.json">

<<< @/src/docs/.vuepress/public/data/v-datatable/indsendte-blanketter.json

</doc-tab>
</doc-tabs>


## Afsender

<doc-tabs>
<doc-tab name="Preview" :selected="true">
  <iframe style="border: 0; width: 100%; height: 600px; border: 1px solid #ccc;" :src="$withBase('/guide/compositions/datatable-templates/afsender.html')"/>
  <div class="app">
    <div class="d-flex justify-content-end">
      <v-button :href="$withBase('/guide/compositions/datatable-templates/afsender.html')" class="pr-0" target="_blank" link>Open in new tab</v-button>
    </div>
  </div>
</doc-tab>
<doc-tab name="Code">

<<< @/src/docs/guide/compositions/datatable-templates/afsender.html

</doc-tab>

<doc-tab name="Data">

<<< @/src/docs/.vuepress/public/data/v-datatable/afsender-blanket.json

</doc-tab>
</doc-tabs>