用CSS设置去掉element中单选和多选前面的选框以及表格合计数据放在第一行
一:CSS设置去掉单选(el-radio)前面的小圆点
/* 去掉el-radio前面的小圆点 */
.el-radio__input {
display: none;
}
二:CSS设置去掉单选(el-checkbox)前面的方框
/* 复选框去掉前面的方框 */
.el-checkbox__inner {
border: none;
width: 0;
}
三:表格合计数据放在第一行
合计方法参照: The world's most popular Vue UI framework (表尾合计行)
.el-table {
display: flex;
flex-direction: column;
/* order默认值为0,只需将表体order置为1即可移到最后,这样合计行就上移到表体上方 */
.el-table__body-wrapper {
order: 1;
}
四:改变合计数据行背景色
/*改变合计数据行背景色*/
.el-table__footer-wrapper tbody td,
.el-table__header-wrapper tbody td {
background-color: #fff !important;
}
五:表格文字居中
/* 表格文字居中 */
.el-table td,
.el-table th {
text-align: center !important;