element UI表格組件、點擊某行、某行高亮顯示


第一步:開啟表格的高亮顯示配置屬性。highlight-current-row

 

 第二步:全局引入css

/* 用來設置當前頁面element全局table 選中某行時的背景色*/
.container .el-table__body tr.current-row>td{
    background-color: #F5F7FA !important;
    /* color: #f19944; */  /* 設置文字顏色,可以選擇不設置 */
}
/* 用來設置當前頁面element全局table 鼠標移入某行時的背景色*/
.el-table--enable-row-hover .el-table__body tr:hover>td {
    background-color: #F5F7FA;
    /* color: #f19944; */ /* 設置文字顏色,可以選擇不設置 */
}

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM