Vuetify Datables - expanded-item slot transition

Question

I'm using Vuetify Datatables and I would like to use a transition on the expanded template. Is there any possibility to use the Vuetify Transition on v-slot:v-slot:expanded-item?

I wasn't able to make the transition work.

Here is my code:

       <template v-slot:expanded-item="{ headers, item }">
            <td :colspan="headers.length">
                <p>ID Transakce: {{ item.transactionId }}
                <p>Stav {{ item.transactionData.state }}</p>
                <p>Podstav {{ item.transactionData.subState }}</p>
            </td>
    </template>

Thanks for you help.

Answer 1

Transition on expanded-item was removed for 2.x version. There are some issues open on github to to bring its back.

By the way there is a tricky solution posted on codepen: https://codepen.io/webifi/pen/ExxmXbJ