Горизонтальная полоса прокрутки не отображается, когда содержимое ячейки таблицы переполняется

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{} предназначен только для столбца. Чтобы сделать контент прокручиваемым, вы должны применить overflow-x:scroll к самим тд.