From 1ee86c976ef6cf8aa6a5475bdc9e0ecbcd562afd Mon Sep 17 00:00:00 2001
From: cagataycivici <cagatay.civici@gmail.com>
Date: Sat, 29 Jun 2019 14:47:14 +0300
Subject: [PATCH] Empty message template

---
 src/components/datatable/DataTable.vue          | 17 ++++++++++++-----
 src/views/datatable/DataTableTemplatingDemo.vue |  2 +-
 2 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/components/datatable/DataTable.vue b/src/components/datatable/DataTable.vue
index 15142c4ef..556a1d39f 100644
--- a/src/components/datatable/DataTable.vue
+++ b/src/components/datatable/DataTable.vue
@@ -23,10 +23,17 @@
                     </tr>
                 </thead>
                 <tbody class="p-datatable-tbody">
-                    <tr class="p-datatable-row" v-for="(rowData, index) of data" :key="getRowKey(rowData, index)">
-                        <td v-for="(col,i) of columns" :key="col.columnKey||col.field||i" :style="col.bodyStyle" :class="col.bodyClass">
-                            <ColumnSlot :data="rowData" :column="col" type="body" v-if="col.$scopedSlots.body" />
-                            <template v-else>{{resolveFieldData(rowData, col.field)}}</template>
+                    <template v-if="!empty">
+                        <tr class="p-datatable-row" v-for="(rowData, index) of data" :key="getRowKey(rowData, index)">
+                            <td v-for="(col,i) of columns" :key="col.columnKey||col.field||i" :style="col.bodyStyle" :class="col.bodyClass">
+                                <ColumnSlot :data="rowData" :column="col" type="body" v-if="col.$scopedSlots.body" />
+                                <template v-else>{{resolveFieldData(rowData, col.field)}}</template>
+                            </td>
+                        </tr>
+                    </template>
+                    <tr v-else class="p-datatable-emptymessage">
+                        <td :colspan="columns.length">
+                            <slot name="empty"></slot>
                         </td>
                     </tr>
                 </tbody>
@@ -217,7 +224,7 @@ export default {
             }
             else
                 return null;
-        },
+        }
     },
     components: {
         'ColumnSlot': ColumnSlot,
diff --git a/src/views/datatable/DataTableTemplatingDemo.vue b/src/views/datatable/DataTableTemplatingDemo.vue
index d937f9ee1..01fbe1230 100644
--- a/src/views/datatable/DataTableTemplatingDemo.vue
+++ b/src/views/datatable/DataTableTemplatingDemo.vue
@@ -32,7 +32,7 @@
                     </template>
                 </Column>
                 <template #footer>
-                    In total there are {{cars.length}} cars.
+                    In total there are {{cars ? cars.length : 0 }} cars.
                 </template>
             </DataTable>
 		</div>