How to make formatted tables using WL and HTML?

[JerryI]

crosspost from Telegram Support Chat (Anton Anotonov)

How about tables GitHub-Markdown style? (To show matrices.)
Or HTML tables…

[JerryI]

Using HTML cells or WLX it is also quite easy and can be generated from the data

data = Table[RandomWord[], {i, 4}, {j, 4}];

.wlx

With[{ TableBody = 
  Table[
    With[{Row = Table[
      <td class="px-3 py-2">
        <Item/>
      </td>
    , {Item, Rows}]},
      <tr class="bg-white border-b">
        <Row/>
      </tr>
    ]
  , {Rows, data}]
},
  <table class="table-auto">
    <TableBody/>
  </table>
]