默认的unidbgrid字体就是8号,然后稍微改大一点后就会把文字覆盖掉一部分,无法显示。
问题图片:
该问题查了网上查了很久,都没有相关例子,并不是大家都不会解决,只是有部分涉及到商业,就是收费索取,不愿意公开实现代码。
虽然心里知道可以通过css去修改样式实现,可是完全不懂css
只能找个大概的例子,在此借鉴涂磊老师的方法,如何在网页查到对应的cls属性
uniGUI学习之自定义CSS之如何找控件属性(50) - 涂磊 - 博客园 (cnblogs.com)
通过调试,发现.x-column-header-text-inner属性有效果,然后把该属性复制起来
.x-column-header-text-inner {
background-repeat: no-repeat;
font: normal 30px/39px tahoma, arial, verdana, sans-serif;
}
把代码放入servermodule>customCSS里面
然后选中unidbgrid,然后填上样式名
奇迹出现了,完美!
改变标题颜色方法:
选中渐变,不选中为淡绿色。
把代码放入servermodule>customCSS里面,然后在任意一个unidbgrid里面的cls引用这几个
/*表格标题为绿色*/
.x-column-header-inner {
background-color: #a5cd7d;
/* background-color: #94cc5c; */
}
/*底部翻页功能也同时为绿色*/
.x-box-inner {
background-color: #a5cd7d;
}
/*标题颜色变了绿色后,同时修改字体颜色*/
.x-column-header-text-inner {
background-repeat: no-repeat;
font: normal 16px/19px tahoma, arial, verdana, sans-serif;
color: #fff;
}
/*表格选中为绿色渐变*/
.x-column-header-over{
background-image: -webkit-linear-gradient(bottom, #ebf3fd,#a5cd7d 39%,#a5cd7d 40%,#a5cd7d)
}