htmlazure-devopsmarkdownwikiazure-devops-wiki

Azure Devops Wiki Markdown Table Style Background/text color problem


I am trying to color the cells of a table in Azure DevOps Wiki Table I have this in my markdown

|Tag|Requied/Optional  |Notes  |Examples  |
|--|--|--|--|
| <td style="background-color:green;color:white;">1</td> | <td style="background-color:green;color:white;">2</td> | <td style="background-color:green;color:white;">3</td> | <td style="background-color:green;color:white;">4</td> |
|  |  |  |  |
|  |  |  |  |

but it comes out looking like this enter image description here

Im trying to figure out why/where the extra cells in between are coming from and how to get rid of them.


Solution

  • You can try it with inline styling

    <table style="border:ridge 4px red">
      <tr style="background-color:blue;color:white;" id="ROW1">
        <td style="border:ridge 4px red" >Cell 1.1</td>
        <td style="border:ridge 4px red">Cell 1.2</td>
        <td style="border:ridge 4px red">Cell 1.3</td>
      </tr>
      <tr style="background-color:yellow;color:green;" id="ROW2">
        <td style="border:ridge 4px red">Cell 2.1</td>
        <td style="border:ridge 4px red">Cell 2.2</td>
        <td style="border:ridge 4px red">Cell 2.3</td>
      </tr>
    </table>
    

    Also please refer this SO thread How to apply color in Markdown for more information.