用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;