方法一:设置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()})
}
结果。