css – 如何改变ui网格行的高度?

前端之家收集整理的这篇文章主要介绍了css – 如何改变ui网格行的高度?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用 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-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。

我有这样的感觉,这更顺利。

Forked Plunker

猜你在找的CSS相关文章