From 29e51879c5b23e31e7e0d8ededa5d8370c4abfc9 Mon Sep 17 00:00:00 2001
From: Tai Dupree <tdupreetan@gmail.com>
Date: Tue, 14 Apr 2020 15:37:31 -0700
Subject: [PATCH] [list views] add work-break css for table layouts

---
 .../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 20b27730516f..2a510c6c6da4 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 126a0570be5b..863e655ce6df 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>
                 );