Grid的行高如何设置（固定表格行高，居中显示，必看）

好好fineui

Grid的行高如何设置

sanshi

可能需要简单的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>
    

复制代码

显示效果如下所示：

kundongwang

试了一下，确实有用

ramble5956

sanshi 发表于 2013-1-25 05:50
可能需要简单的CSS控制，比如设置每一行的高度为50px：

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

请问，三石大侠，50px自然可以；但是如何设置为比普通更小的行高呢？ 就像开源版的行高；tks

sanshi

ramble5956 发表于 2019-8-11 13:49
请问，三石大侠，50px自然可以；但是如何设置为比普通更小的行高呢？ 就像开源版的行高；tks ...

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

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