当前位置: 首页 > 面试题库 >

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

海保臣
2023-03-14
问题内容

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

我感觉这要顺畅得多。

分叉柱塞



 类似资料:
  • 问题内容: 我创建了一个UIAlertController 但是之后,我想更改UIAlertController的高度吗?我怎样才能做到这一点? 问题答案: 我发现您可以在显示视图控制器之前添加约束

  • 问题内容: 我正在使用Nimbus L&F。我正在尝试通过使用以下代码来全局更改所有JTable的字体大小: 它正在工作,应用程序中所有JTable的行都使用新字体。我正在使用较大的字体大小,以使表在较大的分辨率下更具可读性。 但是问题是行高没有改变,导致字体被截断。我尝试了以下代码: 但这并没有改变显示表中的任何内容。 是否可以在不调用每个JTable实例的情况下全局更改行高? 问题答案: 基本

  • 问题内容: 我想知道在Android中更改ProgressBar高度的最简单方法是什么? 谢谢, 托梅克 问题答案: 如果进度条是在XML布局中定义的,则看起来就像您这样定义其高度: 但是我只是从这篇文章中猜测一下。

  • UI-Grid : An AngularJS data grid Help! Head to http://ui-grid.info for documentation and tutorials. Join https://gitter.im/angular-ui/ui-grid to discuss development and ask for specific help. We're al

  • 这是输出: 我试图制作一个应用程序,但当我使用时,我得到了两个按钮之间的空间 我需要一个接一个没有空间 如果使用小部件,不起作用 我尝试了,但我无法清除这些内容。 我尝试使这种类型的. 有人知道或知道这件事吗?

  • 我使用Springfox Swagger2与Spring启动1.5.9。 我可以在此链接上访问swagger UI。 http://localhost:8090/swagger-ui.html 我怎么能改变它是可用的以下网址? http://localhost:8090/my/custom/path/swagger-用户界面。html