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>