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

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。