unigui中unidbgrid的header属性（字体，高度，表格设置）

方法一：设置css属性（server module） 

.x-column-header{/*表头设置*/
color:black;/*字体颜色*/
font-size:13px;/*字体大小*/
height: 50px;/*表头高度*/
border: none;/*表头框线*/
background:#C1C1C1;//表头背景*/
}
.GridLotacao .x-grid-column {/*带元素id的属性（设置栏），在unidbgrid中的layoutconfig属性中的cls子属性中加入GridLotacao名称*/
    height: 50px;
}

.GridLotacao .x-grid-cell {/*带元素id的属性（设置单元格），在unidbgrid中的layoutconfig属性中的cls子属性中加入GridLotacao名称*/
    height: 50px !important;
    line-height: 50px !important;
}

 

方法二：代码实现。

procedure TUniServerModule.UniGUIServerModuleCreate(Sender: TObject);
begin
//  UniServerModule.CustomCSS.Clear; 这句会把css中的内容清掉
  UniServerModule.CustomCSS.Add('.x-grid-cell {' + '  vertical-align: middle;' +//    '  vertical-align: bottom;' +
    '}');//设置单元格子中的文字居中

  UniServerModule.CustomCSS.Add('.x-grid-cell-inner {' + '  line-height: 100%;' + '}');

end;

自动列宽。

function store.load(sender, records, successful, operation, eOpts)
{
  sender.grid.columnManager.columns.forEach(function(col){col.autoSize()})
}

结果。