jQuery MiniUI

标题: date-grid的滚动条怎么设置细一些 [打印本页]

作者: mini_cxq 时间: 2018-12-14 10:53:36 标题: date-grid的滚动条怎么设置细一些

[attach]11699[/attach]

作者: jialiang 时间: 2018-12-14 12:34:38

可以看这个例子，但是改滚动条样式只支持chrome浏览器，ie还不兼容
.mini-grid-rows-view::-webkit-scrollbar {/*滚动条整体样式*/
         width: 4px;    /*高宽分别对应横竖滚动条的尺寸*/
         height: 4px;
      }
      .mini-grid-rows-view::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
         border-radius: 5px;
         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
         background: rgba(0,0,0,0.2);
      }
      .mini-grid-rows-view::-webkit-scrollbar-track {/*滚动条里面轨道*/
         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
         border-radius: 0;
         background: rgba(0,0,0,0.1);
      }

作者: mini_cxq 时间: 2018-12-14 17:46:59

jialiang 发表于 2018-12-14 12:34
可以看这个例子，但是改滚动条样式只支持chrome浏览器，ie还不兼容
.mini-grid-rows-view::-webkit-scroll ...

作者: mini_cxq 时间: 2018-12-14 18:10:07

本帖最后由 mini_cxq 于 2018-12-14 18:16 编辑

mini_cxq 发表于 2018-12-14 17:46

[attach]11714[/attach][attach]11713[/attach]

作者: mini_cxq 时间: 2018-12-14 18:25:41

mini_cxq 发表于 2018-12-14 18:10

是 virtualScroll="true"这个属性影响的，删了就好了

作者: mini_cxq 时间: 2018-12-14 18:30:57

mini_cxq 发表于 2018-12-14 18:25
是 virtualScroll="true"这个属性影响的，删了就好了

[attach]11715[/attach]
我想把上面的宽度也设置，怎么设置

作者: leao 时间: 2018-12-17 10:43:08

mini_cxq 发表于 2018-12-14 18:30
我想把上面的宽度也设置，怎么设置

添加样式
  .mini-grid-columns-view
      {
         padding-right:4px!important;
         }

作者: mini_cxq 时间: 2018-12-17 15:13:06

leao 发表于 2018-12-17 10:43
添加样式
.mini-grid-columns-view
{

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