Element 中的el-table 点击高亮某行

最新推荐文章于 2024-09-05 19:02:14 发布

今天我会中彩票

最新推荐文章于 2024-09-05 19:02:14 发布

阅读量1.1k

点赞数

分类专栏：工作中遇到的问题笔记文章标签： vue.js javascript ecmascript

本文链接：https://blog.csdn.net/weixin_43268050/article/details/132190125

版权

3 篇文章 0 订阅

订阅专栏

Element 选中高亮显示

项目中封装的table组件没有点击某行高亮显示。
在我要写的页面使用element中的 highlight-current-row 属性可以实现单选效果。

	 <Table
	        :columns="columns"
	        :tableData="tableData"
	   
	        highlight-current-row  //  这个是高亮度的属性
	      >
	</Table>

设置 css 样式 的样式

  .el-table__body tr.current-row>td{
    background-color: rgb(3, 44, 61)!important;  // 设置高亮的背景颜色
    color：#fff；//  设置字体的颜色
  }

可以实现点击高亮显示

在这里插入图片描述

关注

专栏目录