Element 中的el-table 点击高亮某行_element虚拟化表格选中高亮

作者：IT小白 | 2024-02-19 11:40:00

踩

element虚拟化表格选中高亮

Element 选中高亮显示

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

	 <Table
	        :columns="columns"
	        :tableData="tableData"
	   
	        highlight-current-row  //  这个是高亮度的属性
	      >
	</Table>
1
2
3
4
5
6
7

设置 css 样式 的样式

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

可以实现点击高亮显示

在这里插入图片描述

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/IT小白/article/detail/114496