如何更改ui-grid行的高度？

  • Z时代
  • 2024-01-10
  • 分类：问答

我正在使用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。

我感觉这要顺畅得多。

分叉柱塞

以上是 如何更改ui-grid行的高度？ 的全部内容， 来源链接： utcz.com/qa/417288.html

回到顶部