根据需求需要在列多的表格固定某列,本地代码是没有任何问题,但是打包后运行的话,就会固定列的旁边会多一条滚动条,
在这里插入图片描述
客户不想要这样的滚动条,还有滚动条到固定列,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;
} */

上面的注销代码,注销了,我说的问题就会解决。

Logo

前往低代码交流专区

更多推荐