diff --git a/app/javascript/vue/experiments/card.vue b/app/javascript/vue/experiments/card.vue
index ecd6cb73f..0a1be59ab 100644
--- a/app/javascript/vue/experiments/card.vue
+++ b/app/javascript/vue/experiments/card.vue
@@ -6,6 +6,7 @@
diff --git a/app/javascript/vue/projects/card.vue b/app/javascript/vue/projects/card.vue
index 640a7a01e..27f3482a2 100644
--- a/app/javascript/vue/projects/card.vue
+++ b/app/javascript/vue/projects/card.vue
@@ -7,6 +7,7 @@
@@ -49,6 +50,7 @@
diff --git a/app/javascript/vue/shared/datatable/mixins/card_selector.js b/app/javascript/vue/shared/datatable/mixins/card_selector.js
index 6165d2896..031c1520e 100644
--- a/app/javascript/vue/shared/datatable/mixins/card_selector.js
+++ b/app/javascript/vue/shared/datatable/mixins/card_selector.js
@@ -1,11 +1,18 @@
export default {
+ computed: {
+ cardSelected() {
+ const item = this.dtComponent.selectedRows.find((i) => (i.code === this.params.code));
+
+ return !!item;
+ }
+ },
methods: {
itemSelected() {
- const item = this.dtComponent.selectedRows.find((i) => (i.id === this.params.id));
+ const item = this.dtComponent.selectedRows.find((i) => (i.code === this.params.code));
if (item) {
this.dtComponent.selectedRows = this.dtComponent.selectedRows
- .filter((i) => (i.id !== this.params.id));
+ .filter((i) => (i.code !== this.params.code));
} else {
this.dtComponent.selectedRows.push(this.params);
}