我正在使用ui-grid。我有很多行,所以才使用滚动。一切正常,直到我尝试更改行的高度。然后滚动变得一团糟。我在这里添加了一个示例http://plnkr.co/edit/S6ylwOVgcQp7CSsZZxpR?p=preview 这是ui-grid网站上的教程之一-我唯一更改的是CSS。我添加了这些规则。
.ui-grid-cell-contents { padding: 1px 1px; } .ui-grid-render-container-body .ui-grid-header-cell, .ui-grid-render-container-left .ui-grid-header-cell, .grid .ui-grid-row, .grid .ui-grid-cell, .grid .ui-grid-cell .ui-grid-vertical-bar { height: 22px !important; font-size: 12px; line-height: 20px; } .ui-grid-render-container-body .ui-grid-header-cell, .ui-grid-render-container-left .ui-grid-header-cell, ui-grid-header-cell { height: 55px !important; } .ui-grid-filter-container { padding: 1px 3px; }
如果删除了上述CSS规则,滚动就可以正常工作。因此,我要么需要添加更多CSS规则,要么需要使用网格的一些API才能正确设置行高。任何帮助都感激不尽。
如何更改行高并使滚动平滑?
更新 :这是默认网格与修改了CSS的网格之间的比较:http : //plnkr.co/edit/x1nQGvpkY4bRMs9D09Ws?p=preview 尝试上下滚动每个网格的行。区别应该很明显。
取出:
height: 22px !important;
从CSS并添加:
rowHeight:22
到gridOptions。
我感觉这要顺畅得多。
分叉柱塞