小编tim*_*lia的帖子

请参阅Dave Fontz 在 CodePen上的这个漂亮示例，了解如何存档日期表内联过滤器，以及如何自定义显示 vuetify v-data-table 的标题和 tableData 行。

对于 vuetify 版本低于 2 的我来说，这对我来说就像 charm 一样。

但是自从升级到 vuetify 版本 2

<template slot="headers" slot-scope="props">

和

<template slot="items" slot-scope="props">

里面

<v-data-table>

似乎被忽略了。

有人对如何迁移 Daves 解决方案以与 vuetify 版本 2 兼容有任何建议吗？

非常感谢任何帮助或提示！

戴夫的完整代码也在下面。

HTML：

<div id="app">
  <v-app id="inspire">
    <v-data-table
      v-model="selected"
      :headers="headers"
      :items="filteredDesserts"
      :pagination.sync="pagination"
      select-all
      item-key="name"
      class="elevation-1"
    >
      <template slot="headers" slot-scope="props">
        <tr>
          <th>
            <v-checkbox
              :input-value="props.all"
              :indeterminate="props.indeterminate"
              primary
              hide-details
              @click.native="toggleAll"
            ></v-checkbox>
          </th>
          <th
            v-for="header in props.headers"
            :key="header.text"
            :class="['column sortable', pagination.descending ? 'desc' …