<template slot="header"> <span></span> </template>不生效
时间: 2023-11-16 07:51:05 浏览: 134
抱歉,我之前给出的答案有误。在el-table-column中使用slot="header"来隐藏展开行的箭头是无效的,因为el-table-column的header slot用于自定义列标题,而不是展开行的箭头。
要隐藏el-table-column展开行中的箭头,您可以使用CSS样式来覆盖默认的箭头图标。以下是一个示例代码:
```html
<el-table :data="tableData" style="position: relative;">
<el-table-column type="expand">
<!-- 展开行的内容 -->
<template slot-scope="props">
<!-- 这里是展开行的具体内容 -->
...
</template>
<!-- 自定义样式来隐藏箭头图标 -->
<style scoped>
.el-table__expand-icon {
display: none !important;
}
</style>
</el-table-column>
<!-- 其他列配置 -->
</el-table>
```
在上面的示例中,我们在el-table上添加了一个style属性,设置position: relative;。然后,在el-table-column下方添加了一个scoped作用域的style标签,并使用CSS样式将展开行的箭头图标设置为display: none !important;来隐藏它。
这样,展开行中的箭头图标将被隐藏起来。请注意,scoped作用域的样式只会应用于当前组件,以防止对其他组件产生影响。
阅读全文