这篇博客介绍了如何在Element-UI的表格组件中添加属性以实现高亮第一行和被点击行的效果。通过在样式表中使用/deep/选择器，可以自定义表格的样式，使得当前行在被点击时背景色变为#69A8EA，而第一行默认显示为#a4c9f0。这些技巧对于提升用户体验和增强表格交互性非常有用。
添加属性
<el-table highlight-current-row />
设置样式
- 记得加 /deep/ 前缀
高亮第一行
<style lang="scss" scoped>
/deep/ .el-table__body tr:first-child>td{
background-color: #a4c9f0 !important;
color: #fff;
}
</style>
高亮被点击的行
<style lang="scss" scoped>
/deep/ .el-table__body tr.current-row>td{
background-color: #69A8EA !important;
color: #fff;
}
</style>
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
