elment el-table 设置tr间距

发布时间:2022-07-06 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了elment el-table 设置tr间距脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
 /deep/ .el-table__body {
      border-collapse: separate !important;
      border-spacing: 0 15px !important;
      table-layout: auto !important;
    }
    /deep/ .el-table,
    .el-table__expanded-cell {
      background-color: transparent !important;
    }
    /deep/ .el-table--enable-row-transITion .el-table__body td,
    .el-table .cell {
      background-color: transparent;
    }
 <el-table
        v-loading="listLoading"//设置loading
        v-el-table-infinite-scroll="load"//滚动加载
        :data="list"
        height="560px"
        :row-class-name="tableRowclassname"//给每一行添加index做clss样式操作
        style="width: 100%"
        @row-click="rowClick"//点击tr每一行
        @cell-mouse-leave="showClickIcon = false"//鼠标移入移出
        @cell-mouse-enter="ncrFormat"
        :header-cell-style="headBgImage"//改变头部样式
      >
  // 取消表格鼠标进入高亮显示
    /deep/ .el-table__row:hover > td {
      background-color: transparent;
    }

脚本宝典总结

以上是脚本宝典为你收集整理的elment el-table 设置tr间距全部内容,希望文章能够帮你解决elment el-table 设置tr间距所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。