elementUI table表格怎么修改

element ui中 table表格给了固定高度后, 出现竖向滚动条, 因为第一列中 所有数据一样 都合并了, 当滚动滚动条的时候,当数据过多 ,第一列数据 就会居中显示 ,当看第一条数据,或者最后的数据的时候,看不到第一列的信息, 用哪种方式 可一让第一列的数据固定住,使其固定在第一列 , 当滚动 滚动条的时候。可以一致看到这条数据

img

img

可以给第一列添加 fixed 属性来实现固定第一列

  • 帮你找了个相似的问题, 你可以看下: https://ask.csdn.net/questions/7670526
  • 我还给你找了一篇非常好的博客,你可以看看是否有帮助,链接:elementui table组建的表格把横向滚动条固定在屏幕最下方显示
  • 除此之外, 这篇博客: 实现element table组件内行与行之间设置间隙效果以及行内的渐变效果以及各种问题中的 5. 设置行内颜色渐变,并实现隔行颜色不一样 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  • 这里我首先利用table组件的属性row-class-name,进行动态设置每一行的类名,代码如下:
    在这里插入图片描述

    // 设置隔行变色
        tableRowClassName({ rowIndex}) {
          if (rowIndex % 2 === 0) {
            return 'yellow'
          } else {
            return 'orange'
          }
        },
    

    然后对不同的类名设置不同的颜色,代码如下:

    ::v-deep .yellow
      background: linear-gradient(90deg,rgba(31,94,167,0.00) 3%, rgba(31,94,167,0.40) 40%, rgba(31,94,167,0.40) 70%, rgba(31,94,167,0.00) 100%) !important;
    }
    ::v-deep .orange
      background: linear-gradient(90deg,rgba(31,94,167,0.00) 3%, rgba(31,94,167,0.20) 50%, rgba(31,94,167,0.20) 70%, rgba(31,94,167,0.00) 100%) !important;
    }