테이블 레이아웃: 전체 너비 섹션 헤더 | 제어 열 너비 | 행, 열 및 필드의 배경색

테이블을 포함한 게시물을 자주 작성하는데, 모든 디스코urs 포럼에서 유용할 것이라 생각하는 몇 가지 기능이 빠져 있습니다:


  1. 테이블 내 전체 너비의 섹션 헤더:

아래와 같은 형식을 사용할 수 있습니다.

column 1 | column 2 | column 3 | column 4

–|–|–|–
<h3>Section title</h3> |
something | something else | more stuff | junk
<h3>Section title</h3> |
hello | sweet | world | of mine

하지만 섹션 헤더는 한 열의 너비에 제한됩니다. 같은 테이블을 계속 사용하면서 한 항목이 전체 너비를 차지하는 행을 가질 수 있다면 좋겠습니다.


  1. 다른 열과 비교하여 특정 열의 너비를 정의할 수 있으면 유용할 것입니다. 다음과 같은 작업을 하고 싶습니다:

name of feature | has been implemented | in version | available on desktop | max limit
-----|-|–|-|–
Sharing attachments with preview image | :white_check_mark: | 12.1.0 | :cross_mark: | 25 MiB

현재 모든 열이 균등하게 나누어지지만, 가용 폭을 나누는 데 있어 첫 번째 열이 우선순위를 갖기를 원합니다. 이렇게 하면 첫 번째 열의 줄바꿈을 최소화할 수 있으며, 일부 경우 다른 열에 더 많은 문자가 포함되어 있더라도 마찬가지입니다.

수정: 열에 더 많은 너비를 부여하는 것은 특정 최소 너비를 부여하는 것으로 해석될 수 있습니다. 포럼은 열을 더 압축하려 하지 않고, 단순히 넓은 상태를 유지하면서 화면에 맞지 않으면 브라우저에 세로 스크롤바를 표시하도록 해야 합니다.


  1. CSS 커스터마이징 없이 열, 행 및 필드 배경색을 정의하는 것.
    예를 들어 다음과 같은 형식입니다.

열(Columns)

budgeted thing | Company 1 | Company 2 | Company 3 | Company 4 | Company 5
–|–[light blue]|–|–[light blue]|–|–[light blue]
Tv advertisements | $400.000 | $120.000 | $0 | $23.000 | $308.000

필드(Fields):

Feature name | App 1 | App 2 | App 3 | App 4
–|–|–|–|–
Mark files as read | yes [green] | no [red] | partially [yellow] | no [red]

필드 배경색은 열 및 행의 색을 덮어씁니다.
행과 열의 우선순위については 아직 결정하지 못했습니다.

markdown.it의 테이블 구현을 포크할 계획은 없습니다.

엔진에 변경 사항을 적용하는 것은 매우 까다롭고, 다양한 회귀 문제를 일으킬 가능성이 높습니다. 커스텀 마크다운이 필요하다면 플러그인에서 직접 markdown-it 엔진을 정의해야 합니다.

2개의 좋아요

향후 참고를 위해, markdown-it용 플러그인 중 "긴 셀(long cells)"을 지원하는 것이 있습니다.

배경색을 정의하거나 선호하는 열 너비/상대 열 비율을 정의하는 플러그인은 찾아보지 않았습니다.

Markdown-it이 언젠가 이러한 동작을 통합하거나, Discourse가 기본 지원 대상으로 고려해 주기를 바랍니다.