テーブル作成

(2024-03-27)

テーブル作成

普通は以下のようにしてマークダウンだけで書くようですが、

Terminal window
| ヘッダ1 | ヘッダ2 | ヘッダ3 |
| ------ | ------ | ------ |
| セル1   | セル2   | セル3   |
| セル4   | セル5   | セル6   |

そうすると以下のようになります。

ヘッダ1ヘッダ2ヘッダ3
セル1セル2セル3
セル4セル5セル6

私の環境では、th の背景色もボーダーも表示されません。

そこで、html コードを貼り付けてみました。

<table class="border border-gray-300 border-collapse">
  <thead>
    <tr>
      <th class="border border-gray-300 p-2 bg-sky-900 text-white">header 1</th>
      <th class="border border-gray-300 p-2 bg-sky-900 text-white">header 2</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td class="border border-gray-300 p-2">TD</td>
      <td class="border border-gray-300 p-2">TD</td>
    </tr>
    <tr>
      <td class="border border-gray-300 p-2">TD</td>
      <td class="border border-gray-300 p-2">TD</td>
    </tr>
  </tbody>
</table>

そうすると、

header 1 header 2
TD TD
TD TD

Astro そのものの初期設定ができていないんでしょうか？

何だか少しおかしい。