当列表超过一定长度时，有没有办法水平渲染 <table> ？

Question

我用 d3 创建了一个可视化 http://jbk1109.github.io/tennisMapWithPlayersListOnHover.html

当鼠标悬停在直方图上时，下方会出现一个列表。当列表变得太长时，有几种情况，我希望表格水平增长超过一定长度。

除了检查列表的长度并附加一个新的表格元素之外，还有其他最佳方法吗？

Answer 1

布莱恩干得好！我会尝试使用 jQuery 获取视口高度，并将其与表高度进行比较，例如：

if(table_height > viewport_height) {
    // change table css style to 2 column table
}