Fixed row size in table (#1281)

Co-authored-by: elsiosanchez <elsiossanches@gmail.com>
adempiere · Oct 13, 2021 · 439bfc0 · 439bfc0
1 parent e8d0b21
commit 439bfc0
Showing 1 changed file with 22 additions and 1 deletion.
diff --git a/src/components/ADempiere/DefaultTable/CellInfo.vue b/src/components/ADempiere/DefaultTable/CellInfo.vue
@@ -9,7 +9,28 @@
   </el-tag>
 
   <span v-else key="info-value">
-    {{ displayedValue }}
+    <p v-if="displayedValue.length >= 23" style="max-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">
+      <el-popover
+        placement="top-start"
+        width="300"
+        trigger="hover"
+        :open-delay="400"
+      >
+        <el-row>
+          <el-col :span="24" style="word-break: normal;padding: 5%">
+            {{ displayedValue }}
+          </el-col>
+        </el-row>
+        <el-row slot="reference">
+          <el-col :span="24" style="max-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">
+            {{ displayedValue }}
+          </el-col>
+        </el-row>
+      </el-popover>
+    </p>
+    <p v-else>
+      {{ displayedValue }}
+    </p>
   </span>
 </template>