File tree Expand file tree Collapse file tree 2 files changed +39
-1
lines changed
Expand file tree Collapse file tree 2 files changed +39
-1
lines changed Original file line number Diff line number Diff line change 4343}
4444```
4545
46+ ### 配置表格内部滚动条样式
4647
48+ 如果设置了全局滚动条样式,则自动依赖全局样式,如果需要针对表格内部设置则可以通过` .v-scrollbar-wrap ` 设置。举个例子:
49+
50+ ``` css
51+ .v-scrollbar-wrap ::-webkit-scrollbar-track
52+ {
53+ -webkit-box-shadow : inset 0 0 6px rgba (0 ,0 ,0 ,0.3 );
54+ border-radius : 10px ;
55+ background-color : #F5F5F5 ;
56+ }
57+
58+ .v-scrollbar-wrap ::-webkit-scrollbar
59+ {
60+ height :12px ;
61+ width :10px ;
62+ background-color : #F5F5F5 ;
63+ }
64+
65+ .v-scrollbar-wrap ::-webkit-scrollbar-thumb
66+ {
67+ border-radius : 10px ;
68+ -webkit-box-shadow : inset 0 0 6px rgba (0 ,0 ,0 ,.3 );
69+ background-color : #666 ;
70+ }
71+ ```
72+ 也可以[ 在线查看实例] ( https://jsfiddle.net/huangsw/nqe3qogv/ )
4773
4874
4975
Original file line number Diff line number Diff line change @@ -99,4 +99,16 @@ table 表格数据,通过设置一些特殊属性实现某些功能,如 chec
9999### Table Methods
100100| 事件名称 | 说明 | 回调参数 |
101101| ---------- | -------- | ---------- |
102- | resize| 强制自适应(当表格有显示隐藏切换时需要用到) | — |
102+ | resize| 强制自适应(当表格有显示隐藏切换时需要用到) | — |
103+
104+
105+ ### Table Classes
106+ 表格样式订制
107+ | 样式名称 | 说明 |
108+ | ---------- | -------- |
109+ | v-table-class| 表格样式名称 |
110+ | v-table-title-class| 表格头样式名称 |
111+ | v-table-body-class| 表格体样式名称 |
112+ | v-table-footer-class| 表格footer样式名称 |
113+ | v-scrollbar-wrap| 表格滚动条样式名称(如果需要对表格滚动条样式进行订制,需要通过这个样式设置) |
114+
You can’t perform that action at this time.
0 commit comments