DELPhi的web编程中unidbgrid的各种样式自定义

经过艰苦的摸索，终于能够对Unidbgrid进行自如的格式设置了，这是我最终的效果

一、主要操作

在ServerModule模块中找到customcss进行编辑方式，将下面的代码加入到编辑框中去，如图：

二、对css代码分析

（1） 这里的css的样式，都是unigui的内置样式，以.x开头的。在这里的设置将影响到所有的unidbgrid，而不是某一个单元表。要影响某一单元，请在下面的css中加入表样式名，然后在控件的layoutconfig中设置其表样式名，如下图

（2）奇偶行不同的颜色，请设置  .x-grid-item:nth-child(even) .x-grid-cell 
.x-grid-item:nth-child(odd) .x-grid-cell 的样式，这里重点设置其奇偶行的背景色，即background-color值 

（3）单元格内垂直对齐，请设置 

.x-grid-cell {
   vertical-align: middle;}

（4）因为表格内文字较多，我的整个表格的font-size设为11px;

  (5)  选定行的颜色设置，是设置其

.x-grid-item-selected  .x-grid-cell{
  background-color:#FFDDDD !important;
  vertical-align: middle;
}

也就是对行颜色的影响，请对x-grid-item的各种不同状态进行设置，这一段走了很多弯路，对x-grid-row,  x-grid-cell的各种状态设置均无效。这是要特别注意的

（6）这每一级均有其特性，最下面一级为 x-grid-cell  x-grid-cell-inner样式，在这里将其连线设为无，无padding,无marge这样对于汉字来说更紧缩。如果需要留白好看，并且字的内容较少，可以在这里动脑筋。

三 我的unidbgrid完整CSS代码