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

Gewuena 2018-05-30 11:29:54

1.element-ui官方文档上给我table展开行案例不是我想要的效果；
2.我想要这种：点击“修改”按钮时，出现展开行

请教各位大神，怎么去实现？

...全文

11452 4 打赏收藏转发到动态举报

写回复

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

ace0206 2020-10-20

打赏
举报

回复

同问，，，我也想隐藏左边那个小箭头

我是电子猫 2019-03-15

打赏
举报

回复 3

完美实现方案，有教程https://www.cnblogs.com/e-cat/p/10532982.html

呱呱•.• 2019-03-04

打赏
举报

回复

用element里面的对话框，点击修改时打开对话框，在对话框里面写你想要的展开行

Iris122_ 2019-02-21

打赏
举报

回复

https://www.cnblogs.com/daipianpian/articles/9516088.html

3. **展开行**：通过"expand-row-keys"属性，可以开启行展开功能，展示更多详细信息。 4. **自定义操作列**：利用"render"方法，可以在表格的最后一列添加自定义的操作按钮，如编辑、删除等。 5. **行选择**：启用...

`type`属性可以设置为`index`、`selection`或`expand`，但我们在这里关注的是`span-method`。`span-method`是一个方法，用于自定义合并行或列的逻辑。以下是如何实现的例子： ```html <el-table :data="tableData" ...

在示例代码中，可以看到外层`el-table`有一个`type="expand"`的列，当展开这一列时，会显示内嵌的表格。内嵌表格同样可以是多层次的，例如第二层`el-table`中还有可能包含更深层次的`el-table`。 2. **数据绑定与...

然而，对于一些复杂的需求，如自定义表头的渲染，Element UI 的原生Table组件并不直接支持在表头使用`render`函数。本文将探讨如何通过封装Element UI的Table组件来实现`render`功能，以及使用`slot`进行自定义扩展...

table的表头中添加 <el-table :row-class-name="getRowClass"></el-table> js中添加 // 表格详情没有内容隐藏箭头 getRowClass(row) { if(row.row.detail.length === 0 || row.row.detail === ...

10,612

社区成员

29,029

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章