fixing server image gen issue - thanks Étienne - and removing the post-hoc LaTeX styling workaround

Author: monfera

src/traces/table/attributes.js

@@ -138,6 +138,7 @@ module.exports = {
                 valType: 'color',
                 editType: 'calc',
                 arrayOk: true,
+                dflt: 'white',
                 role: 'style',
                 description: [
                     'Sets the cell fill color. It accepts either a specific color',
@@ -257,6 +258,7 @@ module.exports = {
                 editType: 'calc',
                 arrayOk: true,
                 role: 'style',
+                dflt: 'white',
                 description: [
                     'Sets the cell fill color. It accepts either a specific color',
                     ' or an array of colors.'

src/traces/table/plot.js

@@ -357,7 +357,7 @@ function renderColumnCellTree(gd, tableControlView, columnBlock, allColumnBlock)
 
     var columnCell = renderColumnCell(columnCells);
 
-    setFont(columnCell);
+    supplyStylingValues(columnCell);
 
     var cellRect = renderCellRect(columnCell);
 
@@ -367,6 +367,7 @@ function renderColumnCellTree(gd, tableControlView, columnBlock, allColumnBlock)
 
     var cellText = renderCellText(cellTextHolder);
 
+    setFont(cellText);
     populateCellText(cellText, tableControlView, allColumnBlock, gd);
 
     // doing this at the end when text, and text stlying are set
@@ -440,7 +441,7 @@ function renderCellTextHolder(columnCell) {
     return cellTextHolder;
 }
 
-function setFont(columnCell) {
+function supplyStylingValues(columnCell) {
     columnCell
         .each(function(d, i) {
             var spec = d.calcdata.cells.font;
@@ -450,15 +451,20 @@ function setFont(columnCell) {
                 color: gridPick(spec.color, col, i),
                 family: gridPick(spec.family, col, i)
             };
-            Drawing.font(d3.select(this), font);
-
             d.rowNumber = d.key;
             d.align = gridPick(d.calcdata.cells.align, col, i);
             d.cellBorderWidth = gridPick(d.calcdata.cells.line.width, col, i);
             d.font = font;
         });
 }
 
+function setFont(cellText) {
+    cellText
+        .each(function(d) {
+            Drawing.font(d3.select(this), d.font);
+        });
+}
+
 function sizeAndStyleRect(cellRect) {
     cellRect
         .attr('width', function(d) {return d.column.columnWidth;})
@@ -781,11 +787,6 @@ function updateYPositionMaker(columnBlock, element, tableControlView, gd, d) {
                 return 'translate(' + xPosition(d, d3.select(element.parentNode).select('.cellTextHolder').node().getBoundingClientRect().width) + ' ' + yPosition + ')';
             });
 
-        // MathJax styling has to be killed for HTML DOM color specifications to seep through
-        cellTextHolder.selectAll('svg').selectAll('*')
-            .attr('fill', null)
-            .attr('stroke', null);
-
         d.settledY = true;
     };
 }