easyUI中datagrid的列标题title能不能改变背景色或字体变大

时间:2022-04-07 14:51:34
easyUI中datagrid内容和标题区分不明显,给内容加背景色就无法区分选择状态了,所以想请教各位大神们datagrid的列标题怎么做修改。
easyUI中datagrid的列标题title能不能改变背景色或字体变大

7 个解决方案

#1


这个datagrid是在js中写的,没法去加什么css

#2


审核元素看下css怎么写的重写一遍覆盖原来的

#3


针对原标题的样式,新增CSS来控制标题的显示。如:
.easyUITital th
{
  background-color:blue;
}

#4


覆盖下easyui的样式


<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
    <style>
    .datagrid-header-row td{background-color:blue;color:#fff}
    </style>

#5


引用 1 楼 qq_20995417 的回复:
这个datagrid是在js中写的,没法去加什么css

以按要求了,但是没效果,原来的就是easyui.css下有这么个样式,但是是空的我现在加了点
easyUI中datagrid的列标题title能不能改变背景色或字体变大
easyUI中datagrid的列标题title能不能改变背景色或字体变大

#6


引用 4 楼 showbo 的回复:
覆盖下easyui的样式


<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
    <style>
    .datagrid-header-row td{background-color:blue;color:#fff}
    </style>


漂亮,,4楼正解 easyUI中datagrid的列标题title能不能改变背景色或字体变大

#7


5楼也是对的。。

#1


这个datagrid是在js中写的,没法去加什么css

#2


审核元素看下css怎么写的重写一遍覆盖原来的

#3


针对原标题的样式,新增CSS来控制标题的显示。如:
.easyUITital th
{
  background-color:blue;
}

#4


覆盖下easyui的样式


<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
    <style>
    .datagrid-header-row td{background-color:blue;color:#fff}
    </style>

#5


引用 1 楼 qq_20995417 的回复:
这个datagrid是在js中写的,没法去加什么css

以按要求了,但是没效果,原来的就是easyui.css下有这么个样式,但是是空的我现在加了点
easyUI中datagrid的列标题title能不能改变背景色或字体变大
easyUI中datagrid的列标题title能不能改变背景色或字体变大

#6


引用 4 楼 showbo 的回复:
覆盖下easyui的样式


<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
    <style>
    .datagrid-header-row td{background-color:blue;color:#fff}
    </style>


漂亮,,4楼正解 easyUI中datagrid的列标题title能不能改变背景色或字体变大

#7


5楼也是对的。。