ant design vue table tree 展开如何指定在某列

ant design vue table tree 展开如何指定在某列

小魔女参考了bing和GPT部分内容调写:
Ant Design Vue Table Tree提供了一种方式来指定展开的列，即通过配置props.expandable.expandRowByClick来指定展开的列。具体的配置方式如下：

<a-table
  :dataSource="dataSource"
  :expandable="{
    expandRowByClick: true,
    expandedRowRender: record => <p>{record.description}</p>,
    rowExpandable: record => record.name !== 'Not Expandable'
  }"
>
  <a-table-column title="Name" dataIndex="name" key="name" />
  <a-table-column title="Age" dataIndex="age" key="age" />
  <a-table-column title="Address" dataIndex="address" key="address" />
  <a-table-column
    title="Action"
    key="action"
    width="150px"
    render={(text, record) => (
      <span>
        <a>Action 一 {record.name}</a>
        <a>Delete</a>
        <a class="a-dropdown-link">
          More actions <a-icon type="down" />
        </a>
      </span>
    )}
  />
</a-table>

上面的配置中，expandRowByClick指定了展开的列，rowExpandable指定了哪些行可以展开，expandedRowRender指定了展开行的渲染内容。
回答不易，记得采纳呀。

建议看看文档

1、expandIconColumnIndex设置展开图标在哪一列
2、在需要展开的列，自定义render，通过设置expandedRowKeys实现