Vuetify remove pagination on v-data-table

Question

I want remove pagination on v-data-table, I tried to use hide-default-footer but it doesn't work.

<v-data-table
  :headers="headers"
  :items="desserts"
  hide-default-header
  hide-default-footer
  class="elevation-1"
>
    <template slot="items" slot-scope="props">
        <td>{{ props.index }}</td>
        <td>{{ props.item.name }}</td>
        <td>{{ getProject(props.item.project_uuid) }}</td>
        <td>{{ props.item.deadline }}</td>
        <td>{{ getUser(props.item.executor) }}</td>
        <td>{{ getUser(props.item.creator) }}</td>
        <td>{{ props.item.description }}</td>
    </template>
</v-data-table>

Answer 1

It should be :hide-default-footer="true"

<v-data-table
  :headers="headers"
  :items="desserts"
  :hide-default-header="true"
  :hide-default-footer="true"
  class="elevation-1"
>
    <template slot="items" slot-scope="props">
        <td>{{ props.index }}</td>
        <td>{{ props.item.name }}</td>
        <td>{{ getProject(props.item.project_uuid) }}</td>
        <td>{{ props.item.deadline }}</td>
        <td>{{ getUser(props.item.executor) }}</td>
        <td>{{ getUser(props.item.creator) }}</td>
        <td>{{ props.item.description }}</td>
    </template>
</v-data-table>

Demo on codepen