For my project, I am utilizing the Element UI framework along with their tables. In order to accommodate a filter input at the top of the table body, I need to add some padding. However, not all tables in my project will have this filter input, so not all tables require this padding. The challenge arises from the fact that I am targeting a class provided by Element UI (not one of my own creation) and the code only recognizes this selector in the App.vue file. Attempting to apply this styling in individual files proves unsuccessful. My goal is to remove the padding for a specific file while retaining it for all others.
App.vue file
.el-table__body {
padding-top: 48px;
}