title: Table wont paste into google docs and preserve borders with a class. Only with direct style with firefox
body: <p>I am a little perplexed here.</p>
  <p>I have this CSS + HMTL code:
  <div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>table.header {
     width:100%;
     border-collapse: collapse;
  }
  
  table.header td {
     border:1px solid; background-color:#EEE; font-weight:bold; padding:2px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;table class='header'&gt;
  &lt;tr&gt;
  &lt;td style=''&gt;Total Mem&lt;/td&gt;
  &lt;td style=''&gt;Used&lt;/td&gt;
  &lt;td style=''&gt;Free&lt;/td&gt;
  &lt;td style=''&gt;Shared&lt;/td&gt;
  &lt;td style=''&gt;Buffers&lt;/td&gt;
  &lt;td style=''&gt;Cache&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>And it display my sample table like expected:</p>
  <p><a href="https://i.stack.imgur.com/EcSIc.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/EcSIc.jpg" alt="Image of above code" /></a></p>
  <p>If I cut and paste that table into a google doc, I lose borders, colors etc ..</p>
  <p>However. If I apply the styling at each td instead of using the class, I get the exact same results on the web page but this time it copies all the styling into the google doc.</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;table class='header'&gt;
  &lt;tr&gt;
  &lt;td style='border:1px solid; background-color:#EEE; font-weight:bold; padding:2px;'&gt;Total Mem&lt;/td&gt;
  &lt;td style='border:1px solid; background-color:#EEE; font-weight:bold; padding:2px;'&gt;Used&lt;/td&gt;
  &lt;td style='border:1px solid; background-color:#EEE; font-weight:bold; padding:2px;'&gt;Free&lt;/td&gt;
  &lt;td style='border:1px solid; background-color:#EEE; font-weight:bold; padding:2px;'&gt;Shared&lt;/td&gt;
  &lt;td style='border:1px solid; background-color:#EEE; font-weight:bold; padding:2px;'&gt;Buffers&lt;/td&gt;
  &lt;td style='border:1px solid; background-color:#EEE; font-weight:bold; padding:2px;'&gt;Cache&lt;/td&gt;
  &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>I am at a loss here. Any tips would be appreciated.</p>
  <p>Thanks for looking!</p>