@eturnity/eturnity_reusable_components 1.2.86-EPDM-7509 → 1.2.86-EPDM-7509.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "1.2.86-EPDM-7509",
+  "version": "1.2.86-EPDM-7509.1",
   "private": false,
   "scripts": {
     "dev": "vue-cli-service serve",

package/src/components/tables/mainTable/index.vue

@@ -13,6 +13,7 @@
           :cellPaddings="cellPaddings"
           :tableCursor="tableCursor"
           @mouseover="setHovers($event)"
+          @mouseleave="setHovers($event)"
         >
           <slot />
         </table-container>
@@ -382,25 +383,28 @@ export default {
   },
   methods: {
     setHovers(event) {
-      let parentTd
-
-      if (event.target.tagName === 'TD') {
-        parentTd = event.target
-      } else {
-        let currentElement = event.target.parentElement
-        while (currentElement.tagName !== 'TR') {
-          if (currentElement.tagName === 'TD') parentTd = currentElement
-          currentElement = currentElement.parentElement
+      if (event.target.tagName !== 'TABLE') {
+        console.log('over', event)
+        let hoveredCell = event.target
+        console.log(hoveredCell.tagName)
+
+        if (hoveredCell.tagName !== 'TD') {
+          let currentParentElement = hoveredCell.parentElement
+          while (currentParentElement.tagName !== 'TR') {
+            console.log(currentParentElement.tagName)
+            if (currentParentElement.tagName === 'TD') hoveredCell = currentParentElement
+            currentParentElement = currentParentElement.parentElement
+          }
         }
-      }
 
-      if (parentTd) {
-        const trChildren = Array.from(parentTd.parentElement.children)
-        const trList = Array.from(document.querySelectorAll('tr'))
-        trList.forEach((el) => {
-          const cells = Array.from(el.children)
-          cells[trChildren.indexOf(parentTd)].classList.add('hover')
-        })
+        if (hoveredCell) {
+          const rowChildren = Array.from(hoveredCell.parentElement.children)
+          const rowList = Array.from(document.querySelectorAll('tr'))
+          rowList.forEach((el) => {
+            const cells = Array.from(el.children)
+            cells[rowChildren.indexOf(hoveredCell)].classList.add('hover')
+          })
+        }
       }
     }
   }