Conditionally show/render expand row

[finn-matti]

I would like to use the expanded row feature to be shown only to the user, if my item has errors, but I can't for the life of me figure out, how that is supposed to work. I tried something like this:

<easy-data-table id="table" :headers="headers" :items="items" > <template v-if="item && item?.error" #expand="item"> <v-alert type="error">{{ error }}</v-alert> </template> </easy-data-table>

I get the following error:

runtime-core.esm-bundler.js:40 [Vue warn]: Property "item" was accessed during render but is not defined on instance. at <BaseTransition appear=false persisted=false mode=undefined ... > at <Transition name="v-window-x-transition" onBeforeEnter=fn<onBeforeTransition> onAfterEnter=fn<onAfterTransition> ... > at <MaybeTransition transition= {name: 'v-window-x-transition', onBeforeEnter: ƒ, onAfterEnter: ƒ, onEnterCancelled: ƒ, onBeforeLeave: ƒ, …} > at <VWindowItem value="current" > at <VWindow modelValue="current" onUpdate:modelValue=fn > at <ListingView onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< Proxy(Object) {formatDate: ƒ, translateStatus: ƒ, switchTab: ƒ, handleFileUpload: ƒ, handleDownload: ƒ, …} > > at <RouterView> at <VMain> at <VApp> at <App>