From ea5a246a44f53cee3d9f21a6c55caf691896a943 Mon Sep 17 00:00:00 2001
From: Chirag Madlani <12962843+chirag-madlani@users.noreply.github.com>
Date: Fri, 13 Dec 2024 19:11:03 +0530
Subject: [PATCH] fix(ui): render column type max 3 lines and ellipsis (#19046)

---
 .../SchemaTable/SchemaTable.component.tsx       | 17 ++++++-----------
 1 file changed, 6 insertions(+), 11 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/Database/SchemaTable/SchemaTable.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/Database/SchemaTable/SchemaTable.component.tsx
index 3b5fb3b97c6..dc4b6c9128f 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/Database/SchemaTable/SchemaTable.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/Database/SchemaTable/SchemaTable.component.tsx
@@ -23,7 +23,6 @@ import {
   isUndefined,
   set,
   sortBy,
-  toLower,
   uniqBy,
 } from 'lodash';
 import { EntityTags, TagFilterOptions } from 'Models';
@@ -246,15 +245,12 @@ const SchemaTable = ({
       return NO_DATA_PLACEHOLDER;
     }
 
-    return isReadOnly ||
-      (displayValue && displayValue.length < 25 && !isReadOnly) ? (
-      toLower(displayValue)
-    ) : (
-      <Tooltip title={toLower(displayValue)}>
-        <Typography.Text ellipsis className="cursor-pointer">
-          {displayValue}
-        </Typography.Text>
-      </Tooltip>
+    return (
+      <Typography.Paragraph
+        className="cursor-pointer"
+        ellipsis={{ tooltip: displayValue, rows: 3 }}>
+        {displayValue}
+      </Typography.Paragraph>
     );
   };
 
@@ -419,7 +415,6 @@ const SchemaTable = ({
         dataIndex: 'dataTypeDisplay',
         key: 'dataTypeDisplay',
         accessor: 'dataTypeDisplay',
-        ellipsis: true,
         width: 150,
         render: renderDataTypeDisplay,
       },