From 608a98c0f4cf7a59ad35bb8dff48c5a11f137306 Mon Sep 17 00:00:00 2001
From: P0psicles <rogier@headshots.nl>
Date: Wed, 13 Mar 2019 14:00:25 +0100
Subject: [PATCH] Add slot for table footer. This can be used to add a footer
 when using the grouped-table option.

---
 dev/grouped-table.vue    | 9 +++++++++
 src/components/Table.vue | 6 ++++++
 2 files changed, 15 insertions(+)

diff --git a/dev/grouped-table.vue b/dev/grouped-table.vue
index d1271d12..ce876742 100644
--- a/dev/grouped-table.vue
+++ b/dev/grouped-table.vue
@@ -17,6 +17,15 @@
       headerPosition: 'top',
     }"
     styleClass="vgt-table condensed bordered">
+    <template slot="table-footer-row" slot-scope="props">
+      <tr>
+        <td colspan="100%">
+          <span>
+            The {{props.rows.filter(x => x.count === Math.max.apply(Math, props.rows.map(row => { return row.count;})))[0].name}} is the animal with the highest count: {{props.rows.filter(x => x.count === Math.max.apply(Math, props.rows.map(row => { return row.count;})))[0].count}}
+          </span>
+        </td>
+      </tr>     
+    </template>
     <!-- <template slot="table-header-row" slot-scope="props">
       <span v-if="props.row.mode === 'span'">
         My header label is - <strong>{{ props.row.label }}</strong>
diff --git a/src/components/Table.vue b/src/components/Table.vue
index 31865cc2..9ee4b95a 100644
--- a/src/components/Table.vue
+++ b/src/components/Table.vue
@@ -261,6 +261,12 @@
                 </slot>
               </template>
             </vgt-header-row>
+              <slot 
+                name="table-footer-row"
+                :rows="headerRow.children"
+                :column="columns"
+              >
+              </slot>
           </tbody>
 
           <tbody v-if="showEmptySlot">