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

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。