jQuery MiniUI

 找回密码
 立即注册
查看: 1818|回复: 5
打印 上一主题 下一主题

datagrid边框 [复制链接]

Rank: 3Rank: 3

跳转到指定楼层
楼主
发表于 2016-11-20 16:16:48 |只看该作者 |倒序浏览
请问怎么设置行边框的样式,类似这种
附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 8Rank: 8

沙发
发表于 2016-11-21 10:04:59 |只看该作者
html body .mini-grid-row-selected td
    {
        border-top:
        border-bottom:
        }

Rank: 3Rank: 3

板凳
发表于 2016-11-21 10:59:20 |只看该作者
felt 发表于 2016-11-21 10:04
html body .mini-grid-row-selected td
    {
        border-top:

谢谢!我想在斑马纹行加上边框,表格属性这样设置后
  1. showHGridLines="false",
  2. .mini-grid-row-alt td {
  3.                     border-top: #201F35 6px solid;
  4.                 border-bottom: #201F35 6px solid;               
  5.                 }
复制代码
边框就会无效了,http://www.miniui.com/demo/#src=datagrid/alternating.html

Rank: 8Rank: 8

地板
发表于 2016-11-21 11:15:51 |只看该作者
三点水 发表于 2016-11-21 10:59
谢谢!我想在斑马纹行加上边框,表格属性这样设置后下边框就会无效了,http://www.miniui.com/demo/#src= ...

无法设置这样的效果,和本来的td边框有冲突

Rank: 3Rank: 3

5#
发表于 2016-11-21 14:39:31 |只看该作者
本帖最后由 三点水 于 2016-11-21 14:41 编辑
felt 发表于 2016-11-21 11:15
无法设置这样的效果,和本来的td边框有冲突

操作td边框之后(比如说.mini-grid-row td{background: #112A48;}),行被选中和鼠标经过行的样式效果就会不执行(也就是这两个无效.mini-grid-row-hover 和.mini-grid-row-selected)

Rank: 8Rank: 8

6#
发表于 2016-11-21 15:39:49 |只看该作者
三点水 发表于 2016-11-21 14:39
操作td边框之后(比如说.mini-grid-row td{background: #112A48;}),行被选中和鼠标经过行的样式效果就会 ...

样式作用有权重,你td都已经加了背景色了,其他的样式就无效了

Archiver|普加软件

GMT+8, 2024-5-18 21:39 , Processed in 1.045725 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部