Bug 1113825 - Nowrap content in console.table(). r=bgrins

devtools/client/themes/webconsole.css

@@ -498,6 +498,16 @@ a {
   margin: 5px 0 0 0;
 }
 
+/* Force cells to only show one row of contents.  Getting normal ellipses
+   behavior has proven impossible so far, so this is better than letting
+   rows get out of vertical alignment when one cell has a lot of content. */
+.consoletable .table-widget-cell > span {
+  overflow: hidden;
+  display: flex;
+  height: 1.25em;
+  line-height: 1.25em;
+}
+
 .theme-light .message[severity=error] .stacktrace {
   background-color: rgba(255, 255, 255, 0.5);
 }

devtools/client/webconsole/console-output.js

@@ -3620,6 +3620,7 @@ Widgets.Table.prototype = extend(Widgets.BaseWidget.prototype, {
     result.className = "consoletable devtools-monospace";
 
     this.table = new TableWidget(result, {
+      wrapTextInElements: true,
       initialColumns: this.columns,
       uniqueId: "_index",
       firstColumn: "_index"