FineUI 官方论坛

标题: Grid的行高如何设置(固定表格行高,居中显示,必看) [打印本页]

作者: 好好fineui    时间: 2013-1-25 03:42
标题: Grid的行高如何设置(固定表格行高,居中显示,必看)
Grid的行高如何设置

作者: sanshi    时间: 2013-1-25 05:50
可能需要简单的CSS控制,比如设置每一行的高度为50px:
  1. <style>
  2. .x-grid3-row {
  3.     height: 50px;
  4. }
  5. </style>
复制代码


如果需要固定行高,并且每个单元格数据居中显示,可以使用如下CSS:
  1. <style>
  2. .x-grid3-row .x-grid3-row-table
  3. {
  4.     height: 50px;
  5. }
  6. .x-grid3-row .x-grid3-row-table td
  7. {
  8.     vertical-align: middle;
  9. }
  10. </style>
复制代码

显示效果如下所示:

[attach]1693[/attach]

作者: kundongwang    时间: 2013-6-27 17:13
试了一下,确实有用
作者: ramble5956    时间: 2019-8-11 13:49
sanshi 发表于 2013-1-25 05:50
可能需要简单的CSS控制,比如设置每一行的高度为50px:

如果需要固定行高,并且每个单元格数据居中显示, ...

请问,三石大侠,50px自然可以;但是如何设置为比普通更小的行高呢? 就像开源版的行高;tks
作者: sanshi    时间: 2019-8-12 10:28
ramble5956 发表于 2019-8-11 13:49
请问,三石大侠,50px自然可以;但是如何设置为比普通更小的行高呢? 就像开源版的行高;tks ...

更好的行高需要调整单元格的padding属性。

最好的办法是设置显示模式(DisplayMode),这个会在项目内调整,而不是某一两个控件




欢迎光临 FineUI 官方论坛 (https://www.fineui.com/BBS/) Powered by Discuz! X3.4