GWT聚合​​物Vaadin網格水平滾動條

Question

我使用的是https://github.com/vaadin/gwt-polymer-elements

Vaadingrid是非常好的。

這一次我有一個關於vaadingrid的水平滾動條的麻煩。

如果含量比瀏覽器的寬度更寬的寬度。

當上的MacBook（TOUCH PAD）使用，移動設備正常工作。（如下面的圖）

http://imgur.com/GHyLrUq

然而，當使用它時，在計算機上（帶鼠標），它不能滾動。

沒有默認水平滾動條顯示的。

,,,

我試着設置「visibility：visible」。

http://imgur.com/XwqpPRV

但它總是會被element.style

http://imgur.com/VgUCLuN

希望有人能覆蓋幫我。

Answer 1

我發現這個修復：

您可以編輯vaadin-grid.html（位於/ bower_components/vaadin網/），並改變這個：

.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源的原因。