jQuery MiniUI

标题: datagrid能否设置多选情况下选中行背景色不发生改变 [打印本页]

作者: zyah    时间: 2019-6-24 10:23:40     标题: datagrid能否设置多选情况下选中行背景色不发生改变

datagrid能否设置多选情况下选中行背景色不发生改变(不高亮显示),或者有没有其他好的解决方法

作者: felt    时间: 2019-6-24 11:08:21

可以修改选中行的背景色
.mini-grid-row-selected{
      background:
}
作者: zyah    时间: 2019-6-24 13:47:16

felt 发表于 2019-6-24 11:08
可以修改选中行的背景色
.mini-grid-row-selected{
      background:
  1. <head>
  2.     <title>DataGrid 数据表格</title>
  3.     <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  4.     <link href="../demo.css" rel="stylesheet" type="text/css" />

  5.     <script src="../../scripts/boot.js" type="text/javascript"></script>
  6.     <script type="text/javascript">
  7.       .mini-grid-row-selected{
  8.             background:red;
  9.        }
  10.     </script>
  11. </head>
复制代码
你的意思是加在这里就可以吗,为什么我的没有生效
作者: felt    时间: 2019-6-24 14:57:23

zyah 发表于 2019-6-24 13:47
你的意思是加在这里就可以吗,为什么我的没有生效

html body .mini-grid-row-selected{

}

使用浏览器的开发者工具,可以看到样式最后起作用的样式,同名样式覆盖来实现修改
作者: zyah    时间: 2019-6-24 16:09:10

felt 发表于 2019-6-24 14:57
html body .mini-grid-row-selected{

}
  1. .mini-datagrid .mini-grid-row-selected {
  2.             background-color:white;
  3.         }
复制代码
解决了,很是感谢




欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2