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

Gewuena 2018-05-30 11:29:54

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

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

...全文

11244 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

table的表头中添加 <el-table :row-class-name="getRowClass"></el-table> js中添加 // 表格详情没有内容隐藏箭头 getRowClass(row) { if(row.row.detail.length === 0 || row.row.detail === undefined){ // 即该行没有子元素时，添加row-expand-cover类 return 'row-expand-cov

【代码】Element-ui table 全部展开和收缩。

element ui提供了针对表格行展开的方法：通过设置 type="expand" 和Scoped slot可以开启展开行功能，el-table-column的模板会被渲染成为展开行的内容，展开行可访问的属性与使用自定义列模板时的Scoped slot相同<el-table-column type="expand">实例：  <template> <el-table :data="tableD...

实现功能：element-ui table表头开始单元格添加元素。直接上代码： html <el-table-column type="expand" width="64" label-class-name="use" > //...这里面是其余的代码 </el-table> js mounted(){ this.setLabel(); }, setLabe...

记录了如果修改element-ui table组件图标、点击行展开/收起等功能。

10,606

社区成员

29,047

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

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

+ 用AI写文章