QTableView表格滚动条样式(QSS真是细致到家了)

2023年6月20日发(作者：)

QTableView表格滚动条样式（QSS真是细致到家了）环境：Qt5.3IDE：QtCreator效果预览：

垂直与⽔平滚动条样式代码：

[cpp]

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/) center no-repeat;}"

16. "QScrollBar::sub-line:vertical{"//向上箭头样式

17. "background:url(:/images/resource/images/checkout/) center no-repeat;}");

18.

19. ui->QTableView->horizontalScrollBar()->setStyleSheet("QScrollBar:horizontal{"

20. "background:#FFFFFF;"

21. "padding-top:3px;"

22. "padding-bottom:3px;"

23. "padding-left:20px;"

24. "padding-right:20px;}"

25. "QScrollBar::handle:horizontal{"

26. "background:#dbdbdb;"

27. "border-radius:6px;"

28. "min-width:80px;}"

29. "QScrollBar::handle:horizontal:hover{"

30. "background:#d0d0d0;}"

31. "QScrollBar::add-line:horizontal{"

32. "background:url(:/images/resource/images/checkout/) center no-repeat;}"

33. "QScrollBar::sub-line:horizontal{"

34. "background:url(:/images/resource/images/checkout/) center no-repeat;}");

/shihoongbo/article/details/48970515

2023年6月20日发(作者：)

QTableView表格滚动条样式（QSS真是细致到家了）环境：Qt5.3IDE：QtCreator效果预览：

垂直与⽔平滚动条样式代码：

[cpp]

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/) center no-repeat;}"

16. "QScrollBar::sub-line:vertical{"//向上箭头样式

17. "background:url(:/images/resource/images/checkout/) center no-repeat;}");

18.

19. ui->QTableView->horizontalScrollBar()->setStyleSheet("QScrollBar:horizontal{"

20. "background:#FFFFFF;"

21. "padding-top:3px;"

22. "padding-bottom:3px;"

23. "padding-left:20px;"

24. "padding-right:20px;}"

25. "QScrollBar::handle:horizontal{"

26. "background:#dbdbdb;"

27. "border-radius:6px;"

28. "min-width:80px;}"

29. "QScrollBar::handle:horizontal:hover{"

30. "background:#d0d0d0;}"

31. "QScrollBar::add-line:horizontal{"

32. "background:url(:/images/resource/images/checkout/) center no-repeat;}"

33. "QScrollBar::sub-line:horizontal{"

34. "background:url(:/images/resource/images/checkout/) center no-repeat;}");

/shihoongbo/article/details/48970515