From 5395bc19de81a47c467a7f9bbab5f365ff254c26 Mon Sep 17 00:00:00 2001
From: cagataycivici <cagatay.civici@gmail.com>
Date: Tue, 22 Oct 2019 09:27:10 +0300
Subject: [PATCH] Add placeholders

---
 src/views/datatable/DataTableFilterDemo.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/views/datatable/DataTableFilterDemo.vue b/src/views/datatable/DataTableFilterDemo.vue
index a73563558..62f708e4b 100644
--- a/src/views/datatable/DataTableFilterDemo.vue
+++ b/src/views/datatable/DataTableFilterDemo.vue
@@ -19,12 +19,12 @@
                 </template>
                 <Column field="vin" header="Vin" filterMatchMode="startsWith">
                     <template #filter>
-                        <InputText type="text" v-model="filters['vin']" class="p-column-filter" />
+                        <InputText type="text" v-model="filters['vin']" class="p-column-filter" placeholder="Starts with" />
                     </template>
                 </Column>
                 <Column field="year" header="Year" filterMatchMode="contains">
                     <template #filter>
-                        <InputText type="text" v-model="filters['year']" class="p-column-filter" />
+                        <InputText type="text" v-model="filters['year']" class="p-column-filter" placeholder="Contains" />
                     </template>
                 </Column>
                 <Column field="brand" header="Brand" filterMatchMode="equals">
@@ -64,12 +64,12 @@
     &lt;/template&gt;
     &lt;Column field="vin" header="Vin" filterMatchMode="startsWith"&gt;
         &lt;template #filter&gt;
-            &lt;InputText type="text" v-model="filters['vin']" class="p-column-filter" /&gt;
+            &lt;InputText type="text" v-model="filters['vin']" class="p-column-filter" placeholder="Starts with" /&gt;
         &lt;/template&gt;
     &lt;/Column&gt;
     &lt;Column field="year" header="Year" filterMatchMode="contains"&gt;
         &lt;template #filter&gt;
-            &lt;InputText type="text" v-model="filters['year']" class="p-column-filter" /&gt;
+            &lt;InputText type="text" v-model="filters['year']" class="p-column-filter" placeholder="Contains" /&gt;
         &lt;/template&gt;
     &lt;/Column&gt;
     &lt;Column field="brand" header="Brand" filterMatchMode="equals"&gt;