调整uniDBGrid标题栏的高度

最新推荐文章于 2024-09-12 17:49:48 发布

原创最新推荐文章于 2024-09-12 17:49:48 发布 · 752 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#css #css3 #html

unigui 专栏收录该内容

15 篇文章

订阅专栏

本文档介绍了如何在UniServerModule中通过CustomCSS属性设置表头样式，包括字体颜色、大小、高度、边框和背景色。同时，展示了如何设置uniDBGrid1的LayoutConfig-Cls属性来调整单元格的高度，实现统一的网格布局。

一、在UniServerModule的CustomCSS属性中写入以下样式内容。

.x-column-header{
color:black;/*字体颜色*/
font-size:13px;/*字体大小*/
height: 50px;/*表头高度*/
border: none;/*表头框线*/
background:#C1C1C1;/*表头背景*/
}

.Js_GridHeight .x-grid-column {
    height: 50px;
}
 
.Js_GridHeight .x-grid-cell {
    height: 50px !important;
    line-height: 50px !important;
}

二、设置uniDBGrid1的LayoutConfig -> Cls属性为 Js_GridHeight