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

我正在使用dgrid表。我有一个单列的表，每个列单元格中都有一些内容。当我的手机内容很大时，我想显示一个滚动条，这样用户就可以滚动并查看其余的内容。但是，在我的表中，在本例中不会显示滚动条，但是如果我使用dgrid columnResizer展开列，则滚动条将一直显示到展开宽度。如果宽度小于内容，则其余内容仍将不可见。这是jsFiddle

这是我的CSS-

#grid{
  width: 20%;
  height: auto;
}
.dgrid-scroller{
  overflow:auto;
  position: relative;
}
.dgrid-content{
   white-space: nowrap;
}

---

如果我做错了什么，请告诉我。

您使用的类，.dgrid scroller{}仅用于该列。要使内容可滚动，您必须在td本身上应用overflow-x:scroll。

否，这无法正常工作。在td标签上设置属性，将在表中包含的所有“td”标签上设置滚动。因此，每个单元格都有自己的滚动条。使用js/jquery，您可以获得class.dgrid单元格和任何包含特定长度内容的单元格，您可以向其添加一个溢出类，使其可滚动。