jQuery MiniUI

标题: datagrid中行hover效果 [打印本页]

作者: zjgdo 时间: 2017-7-20 13:39:21 标题: datagrid中行hover效果

本帖最后由 zjgdo 于 2017-7-20 14:07 编辑

想要实现在datagrid中鼠标移到某一行上这一样高亮并且有阴影效果，在样式mini-grid-row-hover中使用了box-shadow发现效果显示不全，请问是否还需要修改其他地方
body .mini-grid-row-hover, body .mini-grid-row-hover .mini-grid-frozenCell
{
background:#fff;
-moz-box-shadow:0px 0px 8px #D8D8D8;
-webkit-box-shadow:0px 0px 8px #D8D8D8;
box-shadow:0px 0px 8px #D8D8D8;
}

作者: dforce 时间: 2017-7-20 15:02:38

表格内的边框真实是每个单元格的右边框和下边框构成的，不是4周都有边框的。

作者: zjgdo 时间: 2017-7-20 16:25:51

本帖最后由 zjgdo 于 2017-7-20 16:26 编辑

当鼠标移动最后一行
[attach]9556[/attach]
移动到上一行
[attach]9556[/attach]

那这种问题能解决嘛

作者: dforce 时间: 2017-7-20 19:11:31

zjgdo 发表于 2017-7-20 16:25
当鼠标移动最后一行

移动到上一行

请具体描述一下你的问题？
是显示不全还是样式问题？

作者: zjgdo 时间: 2017-7-21 15:24:20

就是想实现图中的hover效果，但是现在效果显示不全
[attach]9563[/attach]

作者: felt 时间: 2017-7-22 17:16:55

zjgdo 发表于 2017-7-21 15:24
就是想实现图中的hover效果，但是现在效果显示不全

ie下有问题的，firefox和chreome是可以的，就用你上面的代码。

作者: zjgdo 时间: 2017-7-23 08:11:39

datagrid加了隔行变色allowAlternating="true"，效果就会显示不全

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)