From 1ccda920febae2fb7ea88ba82500b629b3d1d2e6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=CA=88=E1=B5=83=E1=B5=A2?= <tdupreetan@gmail.com>
Date: Tue, 14 Apr 2020 22:04:24 -0700
Subject: [PATCH] [list views] add work-break css for table layouts (#9537)

---
 .../src/components/ListView/ListViewStyles.less             | 4 ++++
 .../src/components/ListView/TableCollection.tsx             | 6 +++++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/superset-frontend/src/components/ListView/ListViewStyles.less b/superset-frontend/src/components/ListView/ListViewStyles.less
index 20b277305..2a510c6c6 100644
--- a/superset-frontend/src/components/ListView/ListViewStyles.less
+++ b/superset-frontend/src/components/ListView/ListViewStyles.less
@@ -60,6 +60,10 @@
   .action-button {
     margin: 0 8px;
   }
+
+  .table-cell {
+    word-break: break-all;
+  }
 }
 
 @keyframes shimmer {
diff --git a/superset-frontend/src/components/ListView/TableCollection.tsx b/superset-frontend/src/components/ListView/TableCollection.tsx
index 126a0570b..863e655ce 100644
--- a/superset-frontend/src/components/ListView/TableCollection.tsx
+++ b/superset-frontend/src/components/ListView/TableCollection.tsx
@@ -85,7 +85,11 @@ export default function TableCollection({
                 const columnCellProps = cell.column.cellProps || {};
 
                 return (
-                  <td {...cell.getCellProps()} {...columnCellProps}>
+                  <td
+                    className="table-cell"
+                    {...cell.getCellProps()}
+                    {...columnCellProps}
+                  >
                     <span>{cell.render('Cell')}</span>
                   </td>
                 );