css - 只有一个滚动条工作

Question

我有一个固定高度和宽度的表格。我提到高度为 200px，宽度为 100%(在另一个 600Px 宽度的 div 内)现在我在运行时添加一个新列，所以需要增加宽度，所以我想放一个滚动条。我正在做以下事情来实现这一点

$('.showDateTime').show();
$('.showDateTime').css("width", "300px");
$('#TransactionErrorsTableData').css("overflow-x", "scroll");

问题是水平滚动条出现但被禁用。垂直滚动条工作正常的地方。我已将我的 div“TransactionErrorsTableData”的溢出设置为自动

关于如何启用水平滚动条的任何想法？

附言我有点被困住了，所以如果问题不清楚，请原谅，如果需要任何详细信息，请发表评论。

Answer 1

我无法准确地了解您的确切问题，因为您只发布了一个片段，并没有发布任何示例，但我会试一试。

如果您使用 CSS 规则 overflow-x: scroll 或 overflow-y: scroll，它会强制大多数浏览器显示滚动条，这是通过设计，如果内容变大，容器外的内容不会被迫四处移动。

滚动条未被禁用，它只是不活动，因为它没有足够的内容来实际滚动，我猜这是因为你设置了.showDateTime 的宽度到特定数量，它位于 TransactionErrorsTableData div 内。

希望对您有所帮助!

注意:

由于没有提供足够的细节，这个答案都是假定的。