UniGUI’s Grid header does not provide delphi attributes to customize, because it supports multi-level headers and needs to be automatically calculated. However, if it is not customized, the height of the table head and the row height will not match. Through css, you can customize the height of the header, but for multi-level headers, it cannot be automatically calculated. This is a contradiction, how can we have the best of both worlds?

There is a way. We first define a CSS with a fixed height header and put it in uniServerModule.CustomCSS:

.kls-grid .x-column-header
{
background-color: #F7F7F7;
background-image:initial;
/* border-width: 0px !important; */
border-right: 0px solid #e0e0e0;
height:30px;
}

.kls-grid .x-grid-header-ct{
background-color: #F7F7F7;
background-image:initial;
border:initial;
border-bottom-width: 1px !important;
border-bottom-color: #E4E4E4 !important;
border-bottom: 1px solid #E4E4E4 !important;
height:30px;
}

Note that this name is opened: kls-grid

For the non-multi-level header Grid, we set his attributes:

uniDBGrid.LayoutConfig.ComponentCls:=’kls-grid’

For the multi-level header Grid, we do not set uniDBGrid.LayoutConfig.ComponentCls