【Markdown】【表】【列見出し】１列目を見出しにしたい

はじめに

　Markdown（正確にはその方言）の表の書き方は、一行目を見出しとします。しかし、まれに一列目を見出しにしたい場合があります。

　『Markdown』『表』『列見出し』で検索すると、「HTML で書く」「** を使って太字にする」などの方法が出てきます。

「ｿﾝﾅﾜｹﾅｲｼﾞｬﾝ...」

　この記事でも、まあ HTML を利用するのですが、もう少し労力を軽減する方法を提案します。

サンプル

　対象の表を <div> タグで括り、その中の <table> に対してスタイルシートを適用します。

<style>
    div.vheader table tr th
    {
        visibility: collapse;
    }

    div.vheader table tr td:nth-of-type(1)
    {
        text-align: right;
        font-weight: bold;
    }
</style>

<div class='vheader'>

属性    |属性値
-------|----------
ID     |123-456
Name   |佐藤太郎
Age    |25
Section|人事総務部

</div>

終わりに

　VS Code のプレビュー機能では使えますが、「Qiita」では使えないようですね。残念。