テーブルをもっと見栄え良くする方法はありますか？

サポート
1

こんにちは、皆さん。

私は Discourse と Showdoc を同時に使っています。

Showdoc の表はとても見やすいのですが、Discourse の表はあまり「明確」ではありません。

Showdoc の表には青いヘッダーがあります。以下のような感じです。

image
image567×249 5.3 KB

しかし、Discourse ではそれほど明確ではなく、他のテキストと区別がつきにくい状態です。以下のような感じです。

A B C
1 2 3
2 3 4

Discourse の表をもっと美しくする方法はありませんか？例えば、青いヘッダーをつけるなど。

2

もちろん、サイト管理者はテーブルの外観を変更するテーマを追加できます。例えば、ヘッダーを青色にして文字を白くするには、以下のようなコードを使用できます：

.cooked table thead th, .d-editor-preview table thead th {
    background: dodgerblue;
    color: white;
}

また、以下のコードはセルの左右に境界線を追加します：

.cooked table td, .d-editor-preview table td {
    border-right: 1px solid var(--primary-low);
    border-left: 1px solid var(--primary-low);
}

image
image107×110 661 Bytes