关于显示宽表的疑问

用户体验
1

我很想了解更多关于 Discourse 在显示宽表格（即宽度足以溢出容器框的表格）方面的策略。该主题似乎表明 Discourse 会为宽表格显示一个展开表格按钮：

而该主题似乎表明 Discourse 应该为宽表格显示水平滚动条：

但在查看第一个主题时，我在手机或（Chrome）浏览器窗口宽度非常小的情况下，都没有看到这两种行为（针对第二个表格）。目前 Discourse 对宽表格的预期行为是什么？

2

宽表

列 1 列 2 列 3 列 4 列 5 列 6 列 7
12345678901234567890 12345678901234567890 12345678901234567890 12345678901234567890 12345678901234567890 12345678901234567890 12345678901234567890
1 个赞
3

我在 Chrome 上运行正常——虽然不太明显，但如果你拖动滚动条，就会出现一个条。

在链接中，文本会被换行到单元格中，因此最终宽度并不大。

2 个赞
4

我在你发布的示例（在我的手机上）上确实看到了滚动条，但在上面第一个帖子中的第二个表中没有看到（尽管右侧列中的几乎所有 JSON 都被截断了）。这两种情况可能有什么不同？

5

该帖子中的表格对我来说有点奇怪，在“展开”等功能方面，它似乎与第一个表格合并了。

第二个表格是使用 HTML 而不是 Markdown 创建的，以便允许使用代码块，这可能是导致它混在一起的原因，并且没有应用滚动条。

1 个赞
6

是的，我看到第一个帖子的作者甚至提到第一个表是 Markdown 表，第二个是 HTML 表，尽管我最初认为这可能不重要。然后，查看渲染后的源代码，我看到 Markdown 表（就像 @mattdm 之前发布的那个）被包裹在 <div> class="md-table"> 中。我想知道为什么 Markdown 表会有特定的类，以及为什么 Discourse 只显示那种带有滚动条的宽表。这开始让我觉得像是一个 bug；其他人也这么认为吗？

我还对展开表按钮的功能感到好奇。我在这个主题早期示例表的渲染源代码中看到了该按钮，也在“展开表按钮显示错误的表”帖子中第二个表（HTML 表）的渲染源代码中看到了它，但在该帖子中的第一个表（Markdown 表）中没有看到。但是，据我所观察，当鼠标悬停在相应表上时，这些按钮并没有显示出来。

1 个赞