From 2d910e3f07b1e86efba69c6d8e07dbdb5f63ce37 Mon Sep 17 00:00:00 2001
From: Alanna Scott <alanna.scott@airbnb.com>
Date: Fri, 10 Feb 2017 11:51:18 -0800
Subject: [PATCH] [vis] render line breaks in TableViz (#2118)

* convert line breaks to br tags in table vis

* use css!
---
 superset/assets/visualizations/table.css | 4 ++++
 superset/assets/visualizations/table.js  | 3 +++
 2 files changed, 7 insertions(+)

diff --git a/superset/assets/visualizations/table.css b/superset/assets/visualizations/table.css
index 2beae00a1f7..f5e9bd378f6 100644
--- a/superset/assets/visualizations/table.css
+++ b/superset/assets/visualizations/table.css
@@ -23,3 +23,7 @@
 table.table thead th.sorting:after, table.table thead th.sorting_asc:after, table.table thead th.sorting_desc:after {
     top: 0px;
 }
+
+.like-pre {
+  white-space: pre;
+}
diff --git a/superset/assets/visualizations/table.js b/superset/assets/visualizations/table.js
index ed6b95cda82..fcf34f516b2 100644
--- a/superset/assets/visualizations/table.js
+++ b/superset/assets/visualizations/table.js
@@ -72,6 +72,9 @@ function tableVis(slice, payload) {
       if (c === 'timestamp') {
         val = timestampFormatter(val);
       }
+      if (typeof(val) === 'string') {
+        val = `<span class="like-pre">${val}</span>`;
+      }
       return {
         col: c,
         val,