Allow tables to have expandable rows

aleksis/core/frontend/components/generic/InlineCRUDList.vue

@@ -38,6 +38,7 @@
         @item-selected="handleItemSelected"
         @toggle-select-all="handleToggleAll"
         @current-items="checkSelectAll"
+        :show-expand="showExpand"
       >
         <template #top>
           <v-toolbar flat class="height-fit child-height-fit">
@@ -235,6 +236,12 @@
             <v-icon>$deleteContent</v-icon>
           </v-btn>
         </template>
+
+        <template #expanded-item="{ headers, item }">
+          <td :colspan="headers.length">
+            <slot name="expanded-item" :item="item" />
+          </td>
+        </template>
       </v-data-table>
     </v-form>
 
@@ -493,6 +500,11 @@ export default {
       required: false,
       default: true,
     },
+    showExpand: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
   },
   methods: {
     requestCreate() {