make sure footer falls back to HEAD slots if FOOT slots not provided

tmorehouse · web-flow · commit 37a6af7d7d1c · 2019-08-13T13:52:11.000-03:00
diff --git a/src/components/table/helpers/mixin-thead.js b/src/components/table/helpers/mixin-thead.js
@@ -99,9 +99,14 @@ export default {
           },
           on: handlers
         }
-        const fieldScope = { label: field.label, column: field.key, field, isFoot }
-        const slotKey = isFoot ? 'FOOT' : 'HEAD'
-        const slot = this.normalizeSlot([`${slotKey}[${field.key}]`, `${slotKey}[]`], fieldScope)
+        let slotNames = [`HEAD[${field.key}]`, 'HEAD[]']
+        if (isFoot) {
+          // Footer will fallback to header slot names
+          slotNames = [`FOOT[${field.key}]`, 'FOOT[]', ...slotNames]
+        }
+        const slot = this.normalizeSlot(slotNames, {
+          label: field.label, column: field.key, field, isFoot
+        })
         if (!slot) {
           // need to check if this will work
           data.domProps = htmlOrText(field.labelHtml)
