el-table整理

最新推荐文章于 2024-11-27 11:17:15 发布

闭着眼睛揪耳朵

最新推荐文章于 2024-11-27 11:17:15 发布

阅读量239

点赞数 1

文章标签： elementui vue.js javascript

本文链接：https://blog.youkuaiyun.com/weixin_54252683/article/details/122301332

版权

去除表格边框

::v-deep .el-table__row>td{
  /* 去除表格线 */
  border: none;
}
::v-deep .el-table th.is-leaf {
  /* 去除上边框 */
    border: none;
}
::v-deep .el-table::before{
  /* 去除下边框 */
  height: 0;
}

表格行间隔

::v-deep  .el-table__body{
    border-collapse: separate;
    border-spacing:0 8px;
    table-layout:auto !important;
}

表格滚动条颜色修改

::v-deep .el-table__body-wrapper::-webkit-scrollbar-thumb {
    background-color: #002d4d;
    width: 1px;
  }


::v-deep .el-table--border:after,.el-table--group:after,.el-table:before {
 background-color: transparent;
}