title: Coloring table rows in Azure Wiki
body: <p>How can I create colored rows in table in <a href="https://docs.microsoft.com/en-us/azure/devops/project/wiki/wiki-create-repo?view=azure-devops&amp;tabs=browser" rel="nofollow noreferrer">Azure Devops Wiki</a>? I want to create something like below</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-css lang-css prettyprint-override"><code>.table-striped th {
    height: 45px;
    background-color: #bfff00 !important;
    color: #191919;
  }
  
  .table-striped tr:nth-child(even) td {
    background-color: #4287f5;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code> &lt;div&gt;
     &lt;table class="table-striped"&gt;
    &lt;tr&gt;
      &lt;th&gt;Header 1&lt;/th&gt;
      &lt;th&gt;Header 2&lt;/th&gt;
      &lt;th&gt;Header 3&lt;/th&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Cell 1&lt;/td&gt;
      &lt;td&gt;Cell 2&lt;/td&gt;
      &lt;td&gt;Cell 3&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Cell 1&lt;/td&gt;
      &lt;td&gt;Cell 2&lt;/td&gt;
      &lt;td&gt;Cell 3&lt;/td&gt;
    &lt;/tr&gt;
     &lt;/table&gt;
   &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>The main way of creating tables in Azure Wiki is Markdown table, and from what I found is that Markdown <a href="https://stackoverflow.com/a/35485694/911419">does not support color</a>. Maybe there is any trick?</p>
  
  <p>From <a href="https://docs.microsoft.com/en-us/azure/devops/project/wiki/wiki-markdown-guidance?view=azure-devops" rel="nofollow noreferrer">Azure Wiki Syntax Help</a> I found out that HTML tags and YAML tables are also supported, but everything that I was able to achieve is coloring via <code>span</code> tag inside markdown:</p>
  
  <pre><code>&lt;span style="background-color: red"&gt;57065&lt;/span&gt;|&lt;span style="background-color: red"&gt;4560&lt;/span&gt;|&lt;span style="background-color: red"&gt;I AM TABLE ROW&lt;/span&gt;
  </code></pre>
  
  <p>and that looks ugly. </p>
  
  <p><a href="https://i.stack.imgur.com/LuQ3G.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/LuQ3G.png" alt="enter image description here"></a></p>
  
  <p>Is there a way to achieve full-fledged coloring?</p>