环境:Qt5.3

IDE:QtCreator

效果预览:

垂直与水平滚动条样式

代码:

  1. ui->QTableView->verticalScrollBar()->setStyleSheet("QScrollBar:vertical{"        //垂直滑块整体
  2. "background:#FFFFFF;"  //背景色
  3. "padding-top:20px;"    //上预留位置(放置向上箭头)
  4. "padding-bottom:20px;" //下预留位置(放置向下箭头)
  5. "padding-left:3px;"    //左预留位置(美观)
  6. "padding-right:3px;"   //右预留位置(美观)
  7. "border-left:1px solid #d7d7d7;}"//左分割线
  8. "QScrollBar::handle:vertical{"//滑块样式
  9. "background:#dbdbdb;"  //滑块颜色
  10. "border-radius:6px;"   //边角圆润
  11. "min-height:80px;}"    //滑块最小高度
  12. "QScrollBar::handle:vertical:hover{"//鼠标触及滑块样式
  13. "background:#d0d0d0;}" //滑块颜色
  14. "QScrollBar::add-line:vertical{"//向下箭头样式
  15. "background:url(:/images/resource/images/checkout/down.png) center no-repeat;}"
  16. "QScrollBar::sub-line:vertical{"//向上箭头样式
  17. "background:url(:/images/resource/images/checkout/up.png) center no-repeat;}");
  18. ui->QTableView->horizontalScrollBar()->setStyleSheet("QScrollBar:horizontal{"
  19. "background:#FFFFFF;"
  20. "padding-top:3px;"
  21. "padding-bottom:3px;"
  22. "padding-left:20px;"
  23. "padding-right:20px;}"
  24. "QScrollBar::handle:horizontal{"
  25. "background:#dbdbdb;"
  26. "border-radius:6px;"
  27. "min-width:80px;}"
  28. "QScrollBar::handle:horizontal:hover{"
  29. "background:#d0d0d0;}"
  30. "QScrollBar::add-line:horizontal{"
  31. "background:url(:/images/resource/images/checkout/right.png) center no-repeat;}"
  32. "QScrollBar::sub-line:horizontal{"
  33. "background:url(:/images/resource/images/checkout/left.png) center no-repeat;}");

http://blog.csdn.net/shihoongbo/article/details/48970515

QTableView表格滚动条样式(QSS真是细致到家了)的更多相关文章

  1. 表格-table 样式

    .table: 表格基本样式 .table-dark:表格显示为黑色 .thead-light: 表头显示颜色跟亮 .thead-dark:表头显示为黑色 .table-striped:表格以条纹形式 ...

  2. QTableView表格控件区域选择-自绘选择区域

    目录 一.开心一刻 二.概述 三.效果展示 四.实现思路 1.绘制区域 2.绘制边框 3.绘制 五.相关文章 原文链接:QTableView表格控件区域选择-自绘选择区域 一.开心一刻 陪完客户回到家 ...

  3. CSS3自定义滚动条样式 -webkit-scrollbar(转)

    有没有觉得浏览器自带的原始滚动条很不美观,同时也有看到很多网站的自定义滚动条显得高端,就连chrome32.0开发板都抛弃了原始的滚动条,美观多了.那webkit浏览器是如何自定义滚动条的呢? 前言 ...

  4. [转]CSS如何设置html table表格边框样式

    原文地址:http://www.divcss5.com/wenji/w503.shtml 对table设置css样式边框,分为几种情况: 1.只对table设置边框 2.对td设置边框 3.对tabl ...

  5. HTML div 滚动条样式设计

    ::-webkit-scrollbar-track-piece{ background-color:#fff;/*滚动条的背景颜色*/ -webkit-border-radius:0;/*滚动条的圆角 ...

  6. CSS3自定义滚动条样式 -webkit-scrollbar

    今天写项目碰上需要改滚动条效果,我的第一反应是,需要用js写滚动条,顿时头大,上网搜了一下,原来css3就可以修改滚动条样式了,非常好啊,下面分享原文地址:http://www.xuanfengge. ...

  7. jquery两个滚动条样式

    jquery两个滚动条样式 点击下载

  8. jQuery自定义滚动条样式插件mCustomScrollbar

    如果你构建一个很有特色和创意的网页,那么肯定希望定义网页中的滚动条样式,这方面的 jQuery 插件比较不错的,有两个:jScrollPane 和 mCustomScrollbar. 关于 jScro ...

  9. 在css中定义滚动条样式

    1,Overflow内容溢出时的设置 overflow 水平及垂直方向内容溢出时的设置 overflow-x 水平方向内容溢出时的设置 overflow-y 垂直方向内容溢出时的设置 以上三个属性设置 ...

随机推荐

  1. JavaScript中NODE操作学习总结

    Node: 1.在 HTML DOM (文档对象模型)中,每个部分都是节点:    文档本身是文档节点     所有 HTML 元素是元素节点     所有 HTML 属性是属性节点     HTML ...

  2. 简析TCP的三次握手与四次挥手

    TCP是什么? 具体的关于TCP是什么,我不打算详细的说了:当你看到这篇文章时,我想你也知道TCP的概念了,想要更深入的了解TCP的工作,我们就继续.它只是一个超级麻烦的协议,而它又是互联网的基础,也 ...

  3. ROS中编辑文件命令行工具rosed

    rosed是rosbash套件中的一个,它允许我们通过包名直接编辑包中的文件,而不是输入包的全部路径. 用法: rosed [package_name] [filename] 例如: rosed ro ...

  4. 浅谈 non-blocking I/O Multiplexing + poll/epoll 的正确使用

    在前面的文章中曾经粗略讲过poll,那时是用阻塞IO实现,在发送和接收数据量都较小情况下和网络状况良好的情况下是基本没有问题的,read 不会只接收部分数据,write 也不会一直阻塞.但实际上pol ...

  5. jquery.qrcode二维码插件生成彩色二维码

    jquery.qrcode.js 是居于jquery类库的绘制二维码的插件,用它来实现二维码图形渲染支持canvas和table两种绘图方式. (jquery.qrcode.js 设置显示方式为tab ...

  6. java.el.PropertyNotFoundException解决方法

    今天在开发中遇到了java.el.PropertyNotFoundException异常,检查JSP页面.Action.Bean.都没有发现错误 在网上搜了一下可能是我的bean不是一个标准的bean ...

  7. hdu 2295 Radar 重复覆盖+二分

    题目链接 给m个雷达, n个城市, 以及每个城市的坐标, m个雷达里只能使用k个, 在k个雷达包围所有城市的前提下, 求最小半径. 先求出每个雷达到所有城市的距离, 然后二分半径, 如果距离小于二分的 ...

  8. jQuery 插件入门

    先看http://www.cnblogs.com/lideng/p/3605551.html http://www.cnblogs.com/xcj26/p/3345556.html (非常细致  很多 ...

  9. jquery表格可编辑修改表格里面的值,点击td变input无刷新更新表格

    td点击后变为input可以输入,更新数据,无刷新更新 演示 XML/HTML Code <table border="0" cellpadding="0" ...

  10. Android导航栏ActionBar的具体分析

    尊重原创:http://blog.csdn.net/yuanzeyao/article/details/39378825 关于ActionBar,相信大家并不陌生,可是真正能够熟练使用的也不是许多,这 ...