红色企业网站,台州论坛,主机屋免费网站空间,福建省两学一做网站文章目录 前言一、去除全选框按钮样式二、表头颜色的修改 前言
ElementUI中的组件el-table表格组件提供了丰富的样式#xff0c;有一个全选框的el-table组件#xff0c;提供了全选框和多选。 一、去除全选框按钮样式
原本默认是有全选框的。假如有一些开发者#xff0c;因… 文章目录 前言一、去除全选框按钮样式二、表头颜色的修改 前言
ElementUI中的组件el-table表格组件提供了丰富的样式有一个全选框的el-table组件提供了全选框和多选。 一、去除全选框按钮样式
原本默认是有全选框的。假如有一些开发者因为某些需求不想要这个全选框按钮我们可以通过样式修改掉这个全选框按钮。本人碰到过这种需求
二、表头颜色的修改
原本是这样的。
我们只需要加入这两行代码就可以修改默认样式
/* 全选按钮消失 */
::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;
}具体效果
