테이블을 더 아름답게 만드는 좋은 방법이 있을까요?

[xiasummer]

안녕하세요,

저는 예제 시점에 Discourse와 Showdoc을 함께 사용했습니다.

Showdoc의 테이블은 매우 아름답다고 생각하지만, Discourse의 테이블은 그다지 "명확"하지 않아요.

Showdoc의 테이블은 아래 그림과 같이 파란색 헤더가 있습니다.

하지만 Discourse에서는 아래 그림과 같이 명확하지 않고 다른 텍스트와 구분이 잘 안 됩니다.

A	B	C
1	2	3
2	3	4

Discourse에서 테이블을 더 아름답게 만들 수 있는 방법이 있을까요? Showdoc처럼 파란색 헤더를 적용할 수 있으면 좋겠습니다.

[jomaxro (Joshua Rosenfeld)]

네, 사이트 관리자가 테마를 추가하여 테이블의 외관을 수정할 수 있습니다. 예를 들어, 헤더를 흰색 텍스트와 함께 파란색으로 만들려면 다음과 같은 코드를 사용할 수 있습니다:

.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);
}