表-如何从特定列扩展

时间:2019-05-22 12:58:44

标签: reactjs antd

我正在使用expandRowRender扩展单击时的表行,它们都从第一列开始扩展。有没有一种方法指定行从哪一列扩展?例如,仅从第2列开始展开?

columns = [
{
    title: "Name",
    dataIndex: "name",
},
{
    title: "Surname",
    dataIndex: "surnamen",
},
{
    title: "Region",
    dataIndex: "region",
},];

<Table
    bordered
    dataSource={this.dataSource}
    columns={this.columns}
    expandRowByClick={true}
    expandIconAsCell={false}
    expandedRowRender={(expaned) => expaned ? <minitable /> : null}
/> 

1 个答案:

答案 0 :(得分:0)

children添加到特定列:

        dataSource={[
          {
            name: 'Alex',
            surnamen: 'Abramov',
            region: 'React-Realm',
            children: [{ surnamen: 'myData' }]
          }
        ]}

之后,您可以控制indentSize道具。

查看演示,尝试在indentSize={80}中填充InputNumber

Edit ecstatic-cannon-4cj2b