去掉el-table表头右侧类名是gutter，width=17px的空白区域（包括表头样式及表格奇偶行样式和表格自动滚动）

作者：System 时间：2024年08月27日分类：所有,elementui 字数：432

要去除el-table表头右侧类名为gutter，宽度为17px的空白区域，可以通过CSS样式覆盖来实现。以下是一个简单的CSS样式，用于隐藏这个空白区域：




.el-table .gutter {
  display: none !important;
}

将上述CSS添加到你的样式表中，应该可以去除表格头部右侧的空白区域。如果你是在组件内部使用CSS，可能需要使用::v-deep来穿透组件边界，如：




::v-deep .el-table .gutter {
  display: none !important;
}

请注意，这种方法会隐藏所有的gutter元素，包括它们对应的表格列宽调整手柄。如果你需要保留部分gutter元素（例如，需要保留列宽调整功能），你可能需要更具体的CSS选择器来区分需要隐藏和需要保留的gutter元素。