Browse Source

fix(AdvancedTable): console warning due to using index for id/label

Kristian Vos 2 years ago
parent
commit
b665d9413d
1 changed files with 4 additions and 2 deletions
  1. 4 2
      frontend/src/components/AdvancedTable.vue

+ 4 - 2
frontend/src/components/AdvancedTable.vue

@@ -367,7 +367,7 @@
 											<label class="switch">
 											<label class="switch">
 												<input
 												<input
 													type="checkbox"
 													type="checkbox"
-													:id="index"
+													:id="`column-dropdown-checkbox-${column.name}`"
 													:checked="
 													:checked="
 														shownColumns.indexOf(
 														shownColumns.indexOf(
 															column.name
 															column.name
@@ -388,7 +388,9 @@
 													}"
 													}"
 												></span>
 												></span>
 											</label>
 											</label>
-											<label :for="index">
+											<label
+												:for="`column-dropdown-checkbox-${column.name}`"
+											>
 												<span></span>
 												<span></span>
 												<p>{{ column.displayName }}</p>
 												<p>{{ column.displayName }}</p>
 											</label>
 											</label>