Discourse가 넓은 테이블(즉, 포함 박스를 넘칠 정도로 넓은 테이블)을 표시하는 데 사용하는 전략에 대해 더 알고 싶습니다. 이 주제는 Discourse가 넓은 테이블에 대해 테이블 확장 버튼을 표시한다고 시사하고 있습니다:
그리고 이 주제는 Discourse가 넓은 테이블에 대해 가로 스크롤 바를 표시해야 한다고 시사하고 있습니다:
하지만 첫 번째 주제를 볼 때, 두 번째 테이블에서는 (휴대전화나 매우 작은 창 너비의 (Chrome) 웹 브라우저에서) 그 두 가지 동작 중 어느 것도 확인되지 않습니다. 넓은 테이블에 대한 현재 기대되는 Discourse 동작은 무엇인가요?
넓은 테이블
| 열 1 | 열 2 | 열 3 | 열 4 | 열 5 | 열 6 | 열 7 |
|---|---|---|---|---|---|---|
| 12345678901234567890 | 12345678901234567890 | 12345678901234567890 | 12345678901234567890 | 12345678901234567890 | 12345678901234567890 | 12345678901234567890 |
크롬에서는 잘 동작합니다. 아주 직관적이지는 않지만, 드래그해서 스크롤하면 바가 나타납니다.
링크에서는 셀 안의 텍스트가 줄바꿈되어 그리다 보니 너비가 넓지 않게 됩니다.
게시하신 예시에는 스크롤바가 나타나는 것을 확인했습니다(제 휴대폰에서), 하지만 위 첫 번째 게시물의 두 번째 표에는 스크롤바가 나타나지 않습니다(우측 열의 JSON 대부분이 잘려 나가는 상태임에도 불구하고). 두 경우 사이에 무엇이 다를 수 있을까요?
그 게시물에 있는 표가 제게는 좀 이상하게 동작하는 것 같고, 확장(Expand) 같은 경우 첫 번째 표와 합쳐져 보이는 것 같습니다.
두 번째 표는 코드 블록을 허용하기 위해 마크다운이 아닌 HTML로 생성되었기 때문에, 이 때문에 표가 뒤섞여 보이고 있으며, 스크롤바도 적용되지 않는 것 같습니다.
아, 그렇군요. 첫 번째 게시글의 작성자가 첫 번째 표는 마크다운 표이고 두 번째 표는 HTML 표라고 언급하고 있다는 것을 확인했습니다. 처음에는 그것이 관련이 있을 거라고는 예상하지 못했지만요. 그리고 렌더링된 소스를 살펴보니, 마크다운 표(예를 들어 @mattdm이 이전에 게시한 표)는 <div class="md-table">로 감싸져 있는 것을 볼 수 있습니다. 마크다운 표를 위한 특정 클래스가 왜 존재하는지, 그리고 Discourse가 그 유형의 넓은 표에만 스크롤 바를 표시하는지 궁금합니다. 이것은 버그인 것 같아지고 있습니다. 다른 분들도 동의하시나요?
또한 테이블 확장 버튼 기능에 대해서도 여전히 궁금합니다. 이 주제에서 이전에 언급된 예제 표의 렌더링된 소스와 “테이블 확장 버튼이 잘못된 표를 표시함” 게시글의 두 번째 표(HTML 표)의 렌더링된 소스에는 버튼이 포함된 것을 볼 수 있지만, 해당 게시글의 첫 번째 표(마크다운 표)에는 포함되지 않았습니다. 그러나 제가 볼 수 있는 한, 해당 테이블 위에 마우스를 올렸을 때 그 버튼들이 표시되지 않습니다.