row - 表 ant d 可扩展行图标

Question

这里是沙盒链接： Ant d expandable icon

这可以设置可扩展图标列的宽度、高度（+ 符号）还是可以呈现自定义图标？基本上我想控制可扩展列和“名称”列之间的间距。

标签： rowexpandantd

Answer 1

您现在可以添加

expandIcon={record => <i>expand</i>}

在道具中的 expandRowRender 线下方。所以它看起来像：

<Table
columns={columns}
expandedRowRender={record => <p style={{ margin: 0 }}>{record.description}</p>}
expandIcon={record => <i>expand</i>}
dataSource={data}
/>

PS这只是根据您的要求自定义展开图标，您必须编写更多代码行以使新图标可点击并传递记录以在展开区域中显示数据。

请试一试，如果您需要有关 onClick() 部分的帮助，请告诉我！