请选择 进入手机版 | 继续访问电脑版

学JAVA网

 找回密码
 立即注册

easyui 表格CSS样式修改

[复制链接]
发表于 2018-4-28 10:34:28 |显示全部楼层

0:表格行选中效果

表格行选中.png

.datagrid-row-selected {
  background: #ffe48d;
  color: #000000;
}
0.2 修改后
.datagrid-row-selected {
  background: #ffe48d;
  color: #000000;
}
1:表格原表头颜色
表头原先颜色.png

.datagrid-header,
.datagrid-td-rownumber {
  /* background-color: #efefef; */
  /* background: -webkit-linear-gradient(top,#F9F9F9 0,#efefef 100%); */
  /* background: -moz-linear-gradient(top,#F9F9F9 0,#efefef 100%); */
  /* background: -o-linear-gradient(top,#F9F9F9 0,#efefef 100%); */
  /* background: linear-gradient(to bottom,#F9F9F9 0,#efefef 100%); */
  /* background-repeat: repeat-x; */
  filter: progidXImageTransform.Microsoft.gradient(startColorstr=#F9F9F9,endColorstr=#efefef,GradientType=0);
}
1.2 修改后
表头修改后背景.png

.datagrid-header,
.datagrid-td-rownumber {
  /* background-color: #efefef; */
  /* background: -webkit-linear-gradient(top,#F9F9F9 0,#efefef 100%); */
  /* background: -moz-linear-gradient(top,#F9F9F9 0,#efefef 100%); */
  /* background: -o-linear-gradient(top,#F9F9F9 0,#efefef 100%); */
  /* background: linear-gradient(to bottom,#F9F9F9 0,#efefef 100%); */
  /* background-repeat: repeat-x; */
  filter: progidXImageTransform.Microsoft.gradient(startColorstr=#F9F9F9,endColorstr=#efefef,GradientType=0);
}

2:去除单元框边框
去除单元格边框.png


.datagrid-footer td {
  border-width: 0 1px 1px 0;
  border-style: solid;
  margin: 0;
  padding: 0;
}

2.2 去除后

.datagrid-footer td {
  border-width: 0 0px 1px 0;
  border-style: solid;
  margin: 0;
  padding: 0;
}

3:表格分页背景色
.datagrid-toolbar,
.datagrid-pager {
  background: #F4F4F4;
}


end


您需要登录后才可以回帖 登录 | 立即注册

Archiver|手机版|学JAVA网

GMT+8, 2018-10-20 16:06 , Processed in 0.150620 second(s), 24 queries .

Powered by Discuz! X2.5

© 2001-2012 Comsenz Inc.

Copyright © 2015-2018 xuejava网 / 鲁ICP备17054568号-1
回顶部