テーブルセルのコンテンツがオーバーフローすると、水平スクロールバーが表示されません。

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を適用する必要があります。