From c65a504ffd8aeaff2de59cf6fec187bb5d80216a Mon Sep 17 00:00:00 2001
From: Shailesh Parmar <shailesh.parmar.webdev@gmail.com>
Date: Fri, 7 Mar 2025 12:37:04 +0530
Subject: [PATCH] fix #19869: Other columns are not visible when testSuite name
 is large (#20121)

---
 .../TestSuiteList/TestSuites.component.tsx    | 53 +++++++++++--------
 1 file changed, 30 insertions(+), 23 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/DataQuality/TestSuite/TestSuiteList/TestSuites.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/DataQuality/TestSuite/TestSuiteList/TestSuites.component.tsx
index c7a148ae522..7b6a21a67dc 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/DataQuality/TestSuite/TestSuiteList/TestSuites.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/DataQuality/TestSuite/TestSuiteList/TestSuites.component.tsx
@@ -10,7 +10,7 @@
  *  See the License for the specific language governing permissions and
  *  limitations under the License.
  */
-import { Button, Col, Form, Row, Select, Space } from 'antd';
+import { Button, Col, Form, Row, Select, Space, Typography } from 'antd';
 import { ColumnsType } from 'antd/lib/table';
 import { AxiosError } from 'axios';
 import { isEmpty } from 'lodash';
@@ -115,6 +115,7 @@ export const TestSuites = () => {
         title: t('label.name'),
         dataIndex: 'name',
         key: 'name',
+        width: 600,
         sorter: (a, b) => {
           if (a.basic) {
             // Sort for basic test suites
@@ -133,28 +134,34 @@ export const TestSuites = () => {
         },
         sortDirections: ['ascend', 'descend'],
         render: (name, record) => {
-          return record.basic ? (
-            <Link
-              data-testid={name}
-              to={{
-                pathname: getEntityDetailsPath(
-                  EntityType.TABLE,
-                  record.basicEntityReference?.fullyQualifiedName ?? '',
-                  EntityTabs.PROFILER
-                ),
-                search: QueryString.stringify({
-                  activeTab: TableProfilerTab.DATA_QUALITY,
-                }),
-              }}>
-              {record.basicEntityReference?.fullyQualifiedName ??
-                record.basicEntityReference?.name}
-            </Link>
-          ) : (
-            <Link
-              data-testid={name}
-              to={getTestSuitePath(record.fullyQualifiedName ?? record.name)}>
-              {getEntityName(record)}
-            </Link>
+          return (
+            <Typography.Paragraph className="m-0" style={{ maxWidth: 580 }}>
+              {record.basic ? (
+                <Link
+                  data-testid={name}
+                  to={{
+                    pathname: getEntityDetailsPath(
+                      EntityType.TABLE,
+                      record.basicEntityReference?.fullyQualifiedName ?? '',
+                      EntityTabs.PROFILER
+                    ),
+                    search: QueryString.stringify({
+                      activeTab: TableProfilerTab.DATA_QUALITY,
+                    }),
+                  }}>
+                  {record.basicEntityReference?.fullyQualifiedName ??
+                    record.basicEntityReference?.name}
+                </Link>
+              ) : (
+                <Link
+                  data-testid={name}
+                  to={getTestSuitePath(
+                    record.fullyQualifiedName ?? record.name
+                  )}>
+                  {getEntityName(record)}
+                </Link>
+              )}
+            </Typography.Paragraph>
           );
         },
       },