一. 原有样式
以el-table为例,此时使用其样式 size="mini",效果如下
二. 需求
此时觉得size="mini"的下的表格单元格的内边距仍有点大,想要手动调小一点
三. 解决方法
f12打开控制台,使用右上角图标,点击单元格,发现其el-table--mini的padding:6px 0
手动修改其样式,可使用::v-deep覆盖
::v-deep .el-table--mini .el-table__cell {
padding: 0;
}
以el-table为例,此时使用其样式 size="mini",效果如下
此时觉得size="mini"的下的表格单元格的内边距仍有点大,想要手动调小一点
f12打开控制台,使用右上角图标,点击单元格,发现其el-table--mini的padding:6px 0
手动修改其样式,可使用::v-deep覆盖
::v-deep .el-table--mini .el-table__cell {
padding: 0;
}