element-ui table展开行，设置type="expand"，如何添加表头？如何去掉展开按钮并设置成文字？

发表于 | 更新于 | 分类于 | 评论数： | 阅读次数： | 字数统计： 157 字 | 阅读时长：≈ 1 分钟

解决方案

从项目的可维护和可扩展性考虑，还是改 element-ui 的源码，是最好的解决方案。
添加了了一个属性 look, 更改了展开行中的图标 ＞，如下图

element-ui 表格展开行默认效果

表头 label 属性，源码本身就支持，用就可以了
用的时候这样用,如下:
改变了之后，变为文字，如下图

element-ui 表格展开行修改后的效果

用法

1
2
<el-table-column label="操作" type="expand" look="查看">
</el-table-column>

源代码文件夹替换替换

将修改后的 lib 文件夹 替换掉你的 element-ui 中的 lib 文件夹, 路径：node-modules/element-ui
点击下载

-------------本文结束感谢您的阅读-------------

本文标题:element-ui table展开行，设置type="expand"，如何添加表头？如何去掉展开按钮并设置成文字？

文章作者:sanks

发布时间:2018年09月27日 - 23:08

最后更新:2020年07月12日 - 17:30

原始链接:https://www.sanks-blog.com/element/

许可协议: 署名-非商业性使用-禁止演绎 4.0 国际 转载请保留原文链接及作者。