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://fineui.com/bbs/)

Powered by Discuz! X3.4