删除表格中的填充

问题描述

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

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

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

这是添加后的代码。

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

我试过了，但没有用。

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

解决方法

尝试使 div padding 0 成为容器

.el-table {
   padding: 0px
}

,

基于元素框架网站上的基本表 - 失去所有填充它会......

.el-table td {padding:0;}

如果您可以在片段中提供您的 html，您将得到具体的答案。

,

.el-table td,.el-table th.is-leaf {border-bottom: 1px solid #ebeef5;padding: 0px;}

这可以通过将 padding 设为 0px 来实现。