element ui中 table表格给了固定高度后, 出现竖向滚动条, 因为第一列中 所有数据一样 都合并了, 当滚动滚动条的时候,当数据过多 ,第一列数据 就会居中显示 ,当看第一条数据,或者最后的数据的时候,看不到第一列的信息, 用哪种方式 可一让第一列的数据固定住,使其固定在第一列 , 当滚动 滚动条的时候。可以一致看到这条数据
可以给第一列添加 fixed 属性来实现固定第一列
这里我首先利用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;
}