我正在使用
ui-grid.我有很多行,这就是为什么我使用滚动。一切都很好,直到我尝试改变行的高度。然后滚动变成了一团糟。我在这里添加了一个例子
http://plnkr.co/edit/S6ylwOVgcQp7CSsZZxpR?p=preview
这是ui-grid网站的教程之一 – 我唯一改变的是CSS。我已经添加了这些规则。
这是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-header-cell { height: 55px !important; } .ui-grid-filter-container { padding: 1px 3px; }
如果删除上述CSS规则,滚动工作完全可以。
所以我需要添加更多的CSS规则,或者我需要使用网格的一些API,以便正确设置行高。
任何帮助将不胜感激。
如何更改行高并保持滚动顺利?
更新:
这是默认网格与修改CSS之间的比较:
http://plnkr.co/edit/x1nQGvpkY4bRMs9D09Ws?p=preview
尝试为每个网格上下滚动行。差异应该很明显。