當表格單元格中的內容溢出時，水平滾動條不顯示

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。