el-table el-table--fit el-table--enable-row-hover el-table--enable-row-transition el-table--medium如何去掉
时间: 2024-03-21 20:36:48 浏览: 20
el-table是Element UI框架中的一个表格组件,el-table--fit、el-table--enable-row-hover、el-table--enable-row-transition、el-table--medium是该组件的一些样式类。如果你想去掉这些样式类,可以通过以下方式进行操作:
1. el-table--fit:该样式类用于使表格自适应父容器的宽度。如果你想去掉这个样式类,可以在el-table标签上移除fit属性,或者在样式中将该类的宽度设置为auto。
2. el-table--enable-row-hover:该样式类用于启用鼠标悬停行高亮效果。如果你想去掉这个样式类,可以在el-table标签上移除row-hover属性。
3. el-table--enable-row-transition:该样式类用于启用行过渡效果。如果你想去掉这个样式类,可以在el-table标签上移除row-transition属性。
4. el-table--medium:该样式类用于设置表格的中等大小。如果你想去掉这个样式类,可以在el-table标签上移除size属性,或者将该类的相关样式设置为其他大小。
相关问题
el-table背景色透明
el-table是element ui中的一个表格组件,可以通过设置样式将其背景色变成透明。可以通过以下两种方式实现:
1.在style中添加以下代码:
::v-deep .el-table, ::v-deep .el-table__expanded-cell { background-color: transparent !important; }
::v-deep .el-table th, ::v-deep .el-table tr, ::v-deep .el-table td { background-color: transparent !important; }
2.在style中添加以下代码:
.table-wrapper /deep/ .el-table--fit{ padding: 20px; }
.table-wrapper /deep/ .el-table, .el-table__expanded-cell { background-color: transparent; }
.table-wrapper /deep/ .el-table tr { background-color: transparent!important; }
.table-wrapper /deep/ .el-table--enable-row-transition .el-table__body td, .el-table .cell{ background-color: transparent; }
el-table设置背景透明
el-table是element ui中的一个表格组件,可以通过设置样式将其背景设置为透明。以下是两种设置el-table背景透明的方法:
1. 在style中添加以下代码:
.el-table, .el-table__expanded-cell {
background-color: transparent !important;
}
.el-table th, .el-table tr, .el-table td {
background-color: transparent !important;
}
2. 在style中添加以下代码:
table-wrapper /deep/ .el-table, .el-table__expanded-cell {
background-color: transparent;
}
.table-wrapper /deep/ .el-table tr {
background-color: transparent!important;
}
.table-wrapper /deep/ .el-table--enable-row-transition .el-table__body td, .el-table .cell{
background-color: transparent;
}