如何在不需要時隱藏angular-ui-grid scrollBar？

Question

當我使用角UI網格，我發現Horizo​​ntalScrollbar總是 出現。我嘗試在gridOptions中使用enableHorizontalScrollbar:2。但它不工作，當我顯示或隱藏Horizo​​ntalScrollbar像這樣example。

左側的選擇將是錯位。
任何解決方案？

Answer 1

這是一個尺寸問題，嘗試設置列的寬度以適合您的對象大小，當您執行水平滾動條將消失。

更改列大小

$scope.gridOptions.columnDefs = [ 
     { name:'id', width:50}, 
     { name:'name', width:50 }, 
     { name:'age', width:50 } 
    ]; 

產生一個表，而水平線

---

在角UI電網你有一個自動調整選項，這應該解決您的問題如果數據能夠真正適合表格。

你可以閱讀一下： http://ui-grid.info/docs/#/tutorial/213_auto_resizing