ant design vue 的table固定列出现滚动条
根据需求需要在列多的表格固定某列,本地代码是没有任何问题,但是打包后运行的话,就会固定列的旁边会多一条滚动条,客户不想要这样的滚动条,还有滚动条到固定列,2.会被固定列遮挡,但是这些问题在没有打包的时候都不是问题,但是为什么会这样,还没搞懂。先解决问题吧,在app.vue中的style更改控制滚动条的样式。/*滚动条*/::-webkit-scrollbar{width:6px;height:8p
·
根据需求需要在列多的表格固定某列,本地代码是没有任何问题,但是打包后运行的话,就会固定列的旁边会多一条滚动条,
客户不想要这样的滚动条,还有滚动条到固定列,2.会被固定列遮挡,但是这些问题在没有打包的时候都不是问题,但是为什么会这样,还没搞懂。先解决问题吧,
在app.vue中的style更改控制滚动条的样式。
/*滚动条*/
::-webkit-scrollbar{
width:6px;
height:8px;
}
.ant-table-fixed-left,
.ant-table-fixed-right {
z-index: 1;
/* overflow: visible */
}
.ant-table th,
.ant-table td,
{
white-space: nowrap;
}
.ant-table-fixed {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
::-webkit-scrollbar-track{
/* background: #fff; */
border-radius:2px;
}
::-webkit-scrollbar-thumb{
background: #D4E9FC;
border-radius:2px;
}
::-webkit-scrollbar-thumb:hover{
background: #50a9fb;
}
/* ::-webkit-scrollbar-corner {
background: #fff;
} */
上面的注销代码,注销了,我说的问题就会解决。
更多推荐
已为社区贡献5条内容
所有评论(0)