selected row, colored

resources/js/Pages/IkeaRoot.vue

@@ -26,6 +26,7 @@ const screenWidth = ref(screen.width)
 const screenHeight = ref(screen.height)
 const hover = ref(true);
 const hoverImage = ref(null);
+const selectedRow = ref(null);
 
 const sdropdown = ref([
   { text: "Description", value: "typeName" },
@@ -400,6 +401,10 @@ const submit = () => {
   settingsStore.post(route("products.compare"));
 };
 
+const selectedRowClassNameFunction = (item) => {
+  if (item.code == itemCode.value) return 'selected-row';
+};
+
 
 </script>
 <template>
@@ -532,6 +537,7 @@ const submit = () => {
             :items="options_items"
             :search-field="searchField"
             :search-value="searchValue"
+            :body-row-class-name="selectedRowClassNameFunction"
             @click-row="showRow"
             :filter-options="filterOptions"
             alternating
@@ -655,6 +661,12 @@ const submit = () => {
   width: 128px;
 }
 
+.selected-row  {
+  --easy-table-body-row-background-color: #f56c6c;
+  --easy-table-body-row-font-color: #fff;
+  --easy-table-body-even-row-background-color: #f56c6c
+}
+
 :root .result-country {
   --easy-table-body-row-background-color: yellow;
   --easy-table-body-even-row-background-color: yellow;