el-table滚动条和行高_

作者：weixin_40725706 | 2024-07-19 10:18:16

踩

滚动条


.el-table__body-wrapper, .el-scrollbar__wrap {
  // 滚动条样式
  &::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }
  &::-webkit-scrollbar-track {
    background: rgb(239, 239, 239);
  }
  &::-webkit-scrollbar-thumb {
    background: #bfbfbf;
    border-radius: 10px;
  }
}

内容行高


// 直接在el-table组件中加就好了
:row-style="{height:'30px'}"
:cell-style="{padding:'0px'}"

标题行高


// 直接在el-table组件中写就好了
:header-row-style="{height: '35px'}"
:header-cell-style="{padding: '0',textAlign: 'center'}"

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/weixin_40725706/article/detail/850895