[Vuejs]-V-data-table template v-slot syntax

you have made a slot which is correct, but you need to tell vuetify which slot you want to access. To access the default <td> slot of all rows you can simply use v-slot:body="{ items }" and pass it the items, so you can create a view per column. (Available slots are listed here Vuetify doc, if you scroll down. Each component has them)

I have made a codepen that you can check out Codepen. As of translating it to tsx, I can’t help you, since I haven’t worked with it, but if you grasp the concept of how to do it on the vuetify part, you should be good!