From e20a6964f30437cae1cd8a08d1ab1aeaf1eed3ec Mon Sep 17 00:00:00 2001
From: mertsincan <sincan.mert@gmail.com>
Date: Sun, 24 May 2020 00:01:29 +0300
Subject: [PATCH] Refactor on ColumnToggler demo

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

diff --git a/src/views/datatable/DataTableColToggleDemo.vue b/src/views/datatable/DataTableColToggleDemo.vue
index d83809eab..22b607f2f 100755
--- a/src/views/datatable/DataTableColToggleDemo.vue
+++ b/src/views/datatable/DataTableColToggleDemo.vue
@@ -16,7 +16,7 @@
                     </div>
                 </template>
                 <Column field="vin" header="Vin" />
-                <Column v-for="col of selectedColumns" :field="col.field" :header="col.header" :key="col.field"></Column>
+                <Column v-for="(col, index) of selectedColumns" :field="col.field" :header="col.header" :key="col.field + '_' + index"></Column>
             </DataTable>
 		</div>
 
@@ -33,7 +33,7 @@
         &lt;/div&gt;
     &lt;/template&gt;
     &lt;Column field="vin" header="Vin" /&gt;
-    &lt;Column v-for="col of selectedColumns" :field="col.field" :header="col.header" :key="col.field"&gt;&lt;/Column&gt;
+    &lt;Column v-for="(col, index) of selectedColumns" :field="col.field" :header="col.header" :key="col.field + '_' + index"&gt;&lt;/Column&gt;
 &lt;/DataTable&gt;
 </template>
 </CodeHighlight>