From 3d964410df3e2982ea5d14d1cb21f2b50d66a1e5 Mon Sep 17 00:00:00 2001
From: cagataycivici <cagatay.civici@gmail.com>
Date: Wed, 4 Mar 2020 12:25:47 +0300
Subject: [PATCH] Demo fixed

---
 src/views/datatable/DataTableDemo.vue | 2 +-
 src/views/datatable/DataTableDoc.vue  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/views/datatable/DataTableDemo.vue b/src/views/datatable/DataTableDemo.vue
index 385d7a37b..5ce6ad315 100644
--- a/src/views/datatable/DataTableDemo.vue
+++ b/src/views/datatable/DataTableDemo.vue
@@ -44,7 +44,7 @@
                                 <span style="vertical-align: middle; margin-left: .5em">{{slotProps.data.representative.name}}</span>
                             </template>
                              <template #filter>
-                                <MultiSelect v-model="filters['representative']" :options="representatives" optionLabel="name" placeholder="All" class="p-column-filter">
+                                <MultiSelect v-model="filters['representative.name']" :options="representatives" optionLabel="name" optionValue="name" placeholder="All" class="p-column-filter">
                                     <template #option="slotProps">
                                         <div class="p-multiselect-representative-option">
                                             <img :alt="slotProps.option.name" :src="'demo/images/avatar/' + slotProps.option.image" width="32" style="vertical-align: middle" />
diff --git a/src/views/datatable/DataTableDoc.vue b/src/views/datatable/DataTableDoc.vue
index fb205cff5..599805a7b 100644
--- a/src/views/datatable/DataTableDoc.vue
+++ b/src/views/datatable/DataTableDoc.vue
@@ -2346,7 +2346,7 @@ export default {
                     &lt;span style="vertical-align: middle; margin-left: .5em"&gt;&#123;&#123;slotProps.data.representative.name&#125;&#125;&lt;/span&gt;
                 &lt;/template&gt;
                     &lt;template #filter&gt;
-                    &lt;MultiSelect v-model="filters['representative']" :options="representatives" optionLabel="name" placeholder="All" class="p-column-filter"&gt;
+                    &lt;MultiSelect v-model="filters['representative.name'']" :options="representatives" optionLabel="name" optionValue="name" placeholder="All" class="p-column-filter"&gt;
                         &lt;template #option="slotProps"&gt;
                             &lt;div class="p-multiselect-representative-option"&gt;
                                 &lt;img :alt="slotProps.option.name" :src="'demo/images/avatar/' + slotProps.option.image" width="32" style="vertical-align: middle" /&gt;