From f6a1043c6f5c35efd7f6313a529fa8a85174c0bb Mon Sep 17 00:00:00 2001
From: rijkvanzanten <rijkvanzanten@me.com>
Date: Thu, 15 Apr 2021 11:33:24 -0400
Subject: [PATCH] Fix dot notation support in table row

While keeping it functional

Fixes #5080
---
 app/src/components/v-table/table-row/table-row.vue | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/app/src/components/v-table/table-row/table-row.vue b/app/src/components/v-table/table-row/table-row.vue
index 127c20651d..bb67341667 100644
--- a/app/src/components/v-table/table-row/table-row.vue
+++ b/app/src/components/v-table/table-row/table-row.vue
@@ -18,7 +18,18 @@
 
 		<td class="cell" :class="`align-${header.align}`" v-for="header in props.headers" :key="header.value">
 			<slot :name="`item.${header.value}`" :item="props.item">
-				<v-text-overflow v-if="props.item[header.value]" :text="props.item[header.value]" />
+				<v-text-overflow
+					v-if="
+						header.value.split('.').reduce((acc, val) => {
+							return acc[val];
+						}, props.item)
+					"
+					:text="
+						header.value.split('.').reduce((acc, val) => {
+							return acc[val];
+						}, props.item)
+					"
+				/>
 				<value-null v-else />
 			</slot>
 		</td>