table自定义展开行

elementui table展开行默认是点开三角展开

img


如果在操作栏写一个按钮“点击展开”，来控制展开，如图，应该怎么做、

img

自定义单元格，用scope 写个 button 然后给 绑定toggleRowExpansion

img

小魔女参考了bing和GPT部分内容调写:
要在表格的操作栏中添加一个按钮来控制展开，需要在表格的columns中添加一个操作栏，并且在操作栏中添加一个按钮，在按钮的点击事件中添加一个函数，函数中调用table的toggle-row-expansion方法，传入当前行的row，即可实现控制展开的功能。

具体代码如下：

columns: [
  {
    type: 'expand',
    width: 50,
    render: (h, params) => {
      return h('div', [
        h('Button', {
          props: {
            type: 'primary',
            size: 'small'
          },
          on: {
            click: () => {
              this.$refs.table.toggleRowExpansion(params.row);
            }
          }
        }, '展开')
      ]);
    }
  }
]

回答不易，记得采纳呀。