Раскраска строк таблицы в Azure вики

Question

Как создать цветные строки в таблице в Azure Devops Wiki ? Я хочу создать что-то вроде ниже

.table-striped th {
  height: 45px;
  background-color: #bfff00 !important;
  color: #191919;
}

.table-striped tr:nth-child(even) td {
  background-color: #4287f5;
}

	<div>
	  <table class="table-striped">
		<tr>
		  <th>Header 1</th>
		  <th>Header 2</th>
		  <th>Header 3</th>
		</tr>
		<tr>
		  <td>Cell 1</td>
		  <td>Cell 2</td>
		  <td>Cell 3</td>
		</tr>
		<tr>
		  <td>Cell 1</td>
		  <td>Cell 2</td>
		  <td>Cell 3</td>
		</tr>
	  </table>
	</div>

Основной способ создания таблиц в Azure Вики - это Markdown table, и из того, что я обнаружил, Markdown не поддерживает цвет . Может быть, есть какая-то хитрость?

Из Azure Справка по синтаксису Wiki Я обнаружил, что HTML теги и таблицы YAML также поддерживаются, но все, чего я смог добиться, это раскрасить через тег span внутри уценки:

<span style="background-color: red">57065</span>|<span style="background-color: red">4560</span>|<span style="background-color: red">I AM TABLE ROW</span>

, и это выглядит ужасно.

Есть ли способ добиться полноценной окраски?

Answer 1

Попробуйте использовать встроенный стиль. Здесь я сделал пример:

<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>

Похоже, что в Azure DevOps Wiki:

Я надеюсь, что это поможет вам, но .. Я настоятельно рекомендую сделать уценку простой. Пожалуйста, взгляните на это обсуждение стека: Цвет в Markdown