GWT Polymer Vaadin网格水平滚动条

Question

我正在使用https://github.com/vaadin/gwt-polymer-elements

Vaadingrid非常好。

这次我遇到了vaadingrid水平滚动条的问题。

如果内容的宽度宽于浏览器的宽度。

在Macbook（TOUCH PAD）上使用时，移动设备工作正常。（如下图所示）

http://imgur.com/GHyLrUq

但是，在计算机上使用它时（使用鼠标），它无法滚动。

没有显示默认的水平滚动条。

,,,

我尝试设置＆＃34;可见性：可见＆＃34;。

http://imgur.com/XwqpPRV

但它始终会被element.style

覆盖

http://imgur.com/VgUCLuN

希望有人可以帮助我。

Answer 1

我找到了这个修复：

您可以编辑vaadin-grid.html（位于/ bower_components / vaadin-grid /）并更改此内容：

.vaadin-grid-tablewrapper {
  box-sizing: border-box;
  overflow: hidden;
  outline: none;
  position: absolute;
  z-index: 5;
}

为此：

.vaadin-grid-tablewrapper {
  box-sizing: border-box;
  overflow-x: auto;
  overflow-y: hidden;
  outline: none;
  position: absolute;
  z-index: 5;
}

这对我有效，因为垂直滚动可以与鼠标滚动一起使用。

我是聚合物中的新手，我不知道如何从父级修改css子元素，这就是我直接修改vaadin源的原因。