Ag grid 如何始终在ag网格中显示水平滚动条？

是否可以始终在屏幕中显示水平滚动条？这个问题被问为，但他们似乎忽视了它，我能说的是，它不是在年创造的

---

我对官方解决方案、CSS黑客以及任何真正有效的东西都持开放态度。

您可以通过CSS进行设置

.ag-body-viewport-wrapper.ag-layout-normal {
  overflow-x: scroll;
}

例如，请参考以下内容

---

尝试从“列”菜单中删除列，您将看到滚动条以任何方式显示。

您可以通过CSS进行设置

.ag-body-viewport-wrapper.ag-layout-normal {
  overflow-x: scroll;
}

例如，请参考以下内容

---

尝试从“列”菜单中删除列，您将看到滚动条以任何方式显示。

解决方案也涵盖macOS/WwebKit浏览器

.ag-body-viewport-wrapper.ag-layout-normal {
  overflow-x: scroll;
  overflow-y: scroll;
}
::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0,0,0,.5);
  box-shadow: 0 0 1px rgba(255,255,255,.5);
}

您还需要将ag网格上的属性“scrollbarWidth”设置为上面的宽度/高度数字值

scrollbarWidth=8

这样，当屏幕上的行数超过适合的行数时，最后一行不会被滚动条遮挡。当您在ag网格中有一个摘要行时，可能会发生这种情况

正在工作的普朗克

---

感谢@Parotish提供我修改过的基本plunker演示。

解决方案也涵盖macOS/WwebKit浏览器

.ag-body-viewport-wrapper.ag-layout-normal {
  overflow-x: scroll;
  overflow-y: scroll;
}
::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0,0,0,.5);
  box-shadow: 0 0 1px rgba(255,255,255,.5);
}

您还需要将ag网格上的属性“scrollbarWidth”设置为上面的宽度/高度数字值

scrollbarWidth=8

这样，当屏幕上的行数超过适合的行数时，最后一行不会被滚动条遮挡。当您在ag网格中有一个摘要行时，可能会发生这种情况

正在工作的普朗克

---

感谢@Parotish提供我修改过的base plunker演示版。

您将获得ag grid的批准印章；英雄联盟如果可以简单实现，为什么要把事情复杂化呢？谢谢你的回复。在Chrome或Safari中加载Plunk时，我看不到水平滚动条。我曾手动尝试在DOM中的每一行周围的div上设置overflow-x:scroll，但似乎都不起作用。要明确的是：我希望滚动条即使在用户不滚动时也能显示。你检查过我提供的plunk了吗？我为chrome制作的。迄今为止的最新版本。提供屏幕截图、gif或详细说明。我使用Mac上的Chrome v70和Safari v12。这对两个see图像都不起作用。您将获得ag grid的批准印章；英雄联盟如果可以简单实现，为什么要把事情复杂化呢？谢谢你的回复。在Chrome或Safari中加载Plunk时，我看不到水平滚动条。我曾手动尝试在DOM中的每一行周围的div上设置overflow-x:scroll，但似乎都不起作用。要明确的是：我希望滚动条即使在用户不滚动时也能显示。你检查过我提供的plunk了吗？我为chrome制作的。迄今为止的最新版本。提供屏幕截图、gif或详细说明。我使用Mac上的Chrome v70和Safari v12。这对两种图像都不起作用。嘿，谢谢！快速提示：滚动条确实会显示，但在网格通过setTimeout=>{this.gridApi.resetRowHeights；}，500；我在我的onGridReady回调中调用。你知道怎么做吗？还有一件事：你的例子总是显示垂直滚动条。甚至删除溢出-y：滚动；它还在那里。有没有办法删除只显示水平滚动条的内容？嘿，谢谢！快速提示：滚动条确实会显示，但在网格通过setTimeout=>{this.gridApi.resetRowHeights；}，500；我在我的onGridReady回调中调用。你知道怎么做吗？还有一件事：你的例子总是显示垂直滚动条。甚至删除溢出-y：滚动；它还在那里。有没有一种方法可以删除它，只显示水平滚动条？