学习unigui【23】uniDBGrid的使用摘要

合集 - unigui(25)

1.unidbgrid的rowedit=true2022-09-062.unigui的demo-\Demos\Desktop\DBAppDemo\SimpleDemo.dproj【11】2021-05-313.unigui的session【1】2018-05-024.unigui菜单【3】2018-08-035.unigui的ini文件读写【6】2018-09-206.unigui导出TMS.Flexcel【5】2018-08-137.unigui+fastreport 打印【4】2018-08-118.unigui显示uniTreeVview使用TUniTreeNode内存泄漏的问题【14】2023-12-169.unigui显示websocket服务端向客户端发送信息【15】2023-12-2510.学习unigui【17】-数据集和JSON互相转换-DataSetConverter4D 开源项目2024-02-0111.学习unigui【18】unidbgrid的GridsGroupingSorting2024-02-0212.学习unigui【19】unidbgrid的Group By This Field汉化2024-02-0213.学习unigui【20】unistringGrid2024-02-2714.学习unigui【21】unistringGrid的标题栏动态增加2024-02-2915.学习unigui【22】unistringGrid的标题栏双击事件2024-03-01

16.学习unigui【23】uniDBGrid的使用摘要2024-03-09

17.学习unigui【25】关于图标2024-05-3018.学习unigui【24】Echart的使用：多个坐标系2024-04-2019.学习unigui【26】关于Unigui控件的个性化CSS框架2024-05-3120.学习unigui【27】像pg的jsonb一样编辑json。2024-06-0321.unigui的菜单树补习【2】treeview2018-08-0122.unigui的程序编译后自动运行傻傻的手动【7】2021-04-2823.unigui的ServerModule的重要属性【8】2021-04-2924.unigui的错误delphi clientHeight:property clientheight does not exist【10】2021-05-0325.学习unigui【28】UniGUI接收POST/GET2024-10-16

收起

Unidbgrid自动调整列宽

UniDBGrid1 -> ClientEvents -> ExtEvents [Ext.data.Store[store] ] add store.load fn:

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

UniDBGrid1.ForceFit:=True;//自适应宽度

在ServerModule模块中找到customcss进行编辑方式，将下面的代码加入到编辑框中去。自定义dbgrid格式

<style type="text/css">
/* unidbgrid */
/* ====================== */
 
/* 设置表头的样式 */
.x-column-header, .x-column-header-over {
    background-color:#F3E0C1 /* #e8eff4; 表头背景色 */
    color: #333; /* 表头文字颜色 */
    font-weight: bold; /* 字体加粗 */
    text-align: center; /* 文字居中 */
 /*   border-bottom: 2px solid #d0d0d0;  表头底部边框线 */
    font-size:11px  !important
}
 
 
 .x-grid-item
 {
  font-size:11px  !important
 }
 
 
/* 为表格行添加斑马条纹背景================================== */
.x-grid-item:nth-child(odd) .x-grid-cell {
    background-color: #F2F2F2; /* #F6F6F6;浅灰色背景 */
    font-size:11px  !important  ;
}
 
.x-grid-item:nth-child(even) .x-grid-cell {
    background-color: #ffffff; /* 白色背景 */
    font-size:11px  !important     ;
  
}
 
.x-grid-cell {
    padding: 0px; /* 内边距设置为0px */
    white-space: normal; /* 允许自动换行 */
    word-wrap: break-word; 
   vertical-align: middle;
}
 
/* 长单词或URL可被拆分换行
      height: 100%;
        align-items: center !important;
 */
 
.x-grid-cell-inner {
   padding: 0px; /* 内边距设置为8px */
   line-height: 1.8; /* 行高设为1.5倍的字体大小 */
   align-items: center !important;
 
 
}    
/* 表格行选中样式 */
.x-grid-item-selected  .x-grid-cell{
  background-color:#FFDDDD !important;;
 
  vertical-align: middle;
}
 
/* 表格行选中样式 */
.x-grid-item-selected  .x-grid-cell-inner {
  font-weight: bold !important;
  background-color:#FFDDDD !important;;
}
 
/* 鼠标悬停行样式 */
.x-grid-row:hover {
    background-color: #f1f1f1;
}                   
 
.x-grid-item-focused .x-grid-cell-inner:before {
   border: none !important;
   line-height: 1.8; /* 行高设为1.5倍的字体大小 */
}
 
</style>