css - 删除表格中的填充

Question

我正在使用 Element UI 表来将我的数据制成表格。我的问题是我无法移除单元格内的填充物。这是在我进行任何更改之前。

我想删除绿色框周围的所有空格。我添加此代码以删除填充。

<el-table :data="tableData" size="mini" :cell-style="{ padding: 0 }">

这是在添加代码之后。

仅移除顶部和底部填充，但保留左侧和右侧填充。我认为填充来自cell class但我不知道如何删除它。

我试过这个，但它没有用。

.el-table .cell {
  padding: 0px
}

标签： csselement-ui

Answer 1

尝试使 div padding 0 成为容器

.el-table {
   padding: 0px
}