Есть ли способ сделать сложную таблицу уценок?

Question

Я хотел создать таблицу уценок

, но не могу сделать это правильно:

| Available     | Process   | Allocation       |     Max         |
|---------------|-----------|:----------------:|----------------:|
| A | B | C | D |           |   A | B | C | D  | A | B | C | D   |
| 1 | 5 | 2 | 0 | P0        |   0 | 0 | 1 | 2  | 0 | 0 | 1 | 2   |
|               | P1        |   1 | 0 | 0 | 0  | 1 | 7 | 5 | 0   |
|               | P2        |   1 | 3 | 5 | 4  | 2 | 3 | 5 | 6   |
|               | P3        |   0 | 6 | 3 | 2  | 0 | 6 | 5 | 2   |
|               | P4        |   0 | 0 | 1 | 4  | 0 | 6 | 5 | 6   |

Answer 1

Markdown поддерживает некоторые синтаксисы HTML, такие как <table> элементы. Чтобы сделать столбец похожим на заголовок на изображении, атрибут magi c имеет значение

colspan="X"  

, где X - это количество столбцов, на которое вы хотите расширить, а также

rowspan="Y"

Где Y - количество строк, которое вы хотите увеличить до

Например:

table {
  border-collapse:collapse;
}

td {
  border: 1px solid #000;
  margin: 0;
  padding: 0.5em;
}

<table>
  <tr>
    <td colspan="4">
      Available
    </td>
    <td rowspan="2">
      Processes
    </td>
    <td colspan="4">
      Allocation
    </td>
    <td colspan="4">
      Max
    </td>
  </tr>
  <tr>
    <td>
      A
    </td>
    <td>
      B
    </td>
    <td>
      C
    </td>
    <td>
      D
    </td>
    <td>
      A
    </td>
    <td>
      B
    </td>
    <td>
      C
    </td>
    <td>
      D
    </td>
    <td>
      A
    </td>
    <td>
      B
    </td>
    <td>
      C
    </td>
    <td>
      D
    </td>
  </tr>
  <tr>
    <td>
      1
    </td>
    <td>
      5
    </td>
    <td>
      2
    </td>
    <td>
      0
    </td>
    <td>
      P0
    </td>
    <td>
      0
    </td>
    <td>
      0
    </td>
    <td>
      1
    </td>
    <td>
      2
    </td>
    <td>
      0
    </td>
    <td>
      0
    </td>
    <td>
      1
    </td>
    <td>
      2
    </td>
  </tr>
  <tr>
    <td colspan="4">
    </td>
    <td>
      P1
    </td>
    <td>
      1
    </td>
    <td>
      0
    </td>
    <td>
      0
    </td>
    <td>
      0
    </td>
    <td>
      1
    </td>
    <td>
      7
    </td>
    <td>
      5
    </td>
    <td>
      0
    </td>
  </tr>
</table>

Обратите внимание, что CSS здесь необходимо только потому, что интерпретатор Markdown будет отображать таблицу со стилем по умолчанию.

Answer 2

Вы не можете создать эту сложную таблицу в уценке. вам нужно написать HTML таблицы, которые дал Иаков в своем ответе. Что вам нужно сделать, так как <table> является элементом блока, создайте новую строку до и после нее.

Your markdown content before

<table>... </table>

Your markdown content after

Уценка не является заменой HTML. Как создатель Markdown, Джон Грубер говорит:

INLINE HTML Синтаксис Markdown предназначен для одной цели: для использования в качестве формата для записи в Интернете.

Markdown не является заменой HTML или даже близко к нему. Его синтаксис очень мал, соответствует только очень маленькому подмножеству тегов HTML. Идея не в том, чтобы создать синтаксис, который облегчает вставку тегов HTML. На мой взгляд, теги HTML уже легко вставляются. Идея Markdown - облегчить чтение, запись и редактирование прозы. HTML - формат публикации; Markdown - это формат письма. Таким образом, синтаксис форматирования Markdown решает только те проблемы, которые могут быть переданы в виде простого текста.

Для любой разметки, не охватываемой синтаксисом Markdown, вы просто используете HTML. Нет необходимости вводить предисловие или разделять его, чтобы указать, что вы переходите с Markdown на HTML; вы просто используете теги.

Единственными ограничениями является то, что элементы HTML уровня блока - например, <div>, <table>, <pre>, <p>, etc. - должны быть отделены от окружающего контента пустыми строками, а начальный и конечный теги блока должны не иметь отступов от табуляции или пробелов. Markdown достаточно умен, чтобы не добавлять лишние (нежелательные) теги <p> вокруг HTML тегов уровня блока.

Ссылочная уценка HTML Документация