reactjs - 表格 - 如何从特定列展开

Question

我正在使用expandedRowRender 在单击时扩展我的表格行，它们都从第一列扩展。有没有办法指定行应该从哪一列展开？例如，仅从第 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}
/> 

标签： reactjsantd

Answer 1

添加children到特定列：

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

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

查看演示，尝试填写indentSize={80}.InputNumber