公司備案查詢網站備案成都網站快速優(yōu)化排名
文章目錄
- 前言
- 一、去除全選框按鈕樣式
- 二、表頭顏色的修改
前言
ElementUI中的組件el-table表格組件提供了豐富的樣式，有一個全選框的el-table組件，提供了全選框和多選。
一、去除全選框按鈕樣式
原本默認是有全選框的。假如有一些開發(fā)者，因為某些需求，不想要這個全選框按鈕，我們可以通過樣式修改掉這個全選框按鈕。（本人碰到過這種需求）
二、表頭顏色的修改
原本是這樣的。
我們只需要加入這兩行代碼就可以修改默認樣式：
/* 全選按鈕消失 */
::v-deep.el-table__headertheadth:nth-child(1).cell.el-checkbox.el-checkbox__input.el-checkbox__inner {display: none;
}
/* 表頭顏色 */
:deep(.el-table thead) {color: black;
}
具體效果：
