javascript - 当表格单元格中的内容溢出时，水平滚动条不显示

Question

我正在使用 dgrid 表。我有一个单列表，每个列单元格中都有一些内容。当我的单元格内容非常大时，我想显示一个滚动条，以便用户可以滚动并查看其余内容。但是在我的表中，滚动条在这种情况下不显示，但如果我使用 dgrid columnResizer 扩展列，则滚动条会显示到扩展宽度。如果宽度小于内容，则其余内容仍然不可见。这是 jsFiddle。

http://jsfiddle.net/vrwe7dn5/

这是我的 CSS-

#grid{
  width: 20%;
  height: auto;
}
.dgrid-scroller{
  overflow:auto;
  position: relative;
}
.dgrid-content{
   white-space: nowrap;
}

如果我做错了什么，请告诉我。

Answer 1

您正在使用的类，.dgrid-scroller{} 仅用于列。要使内容可滚动，您必须在 td 本身上应用 overflow-x:scroll。