Таблица ant d развернуть значок строки

Question

Вот ссылка песочницы: Значок расширения Ant d

Можно ли задать ширину, высоту столбца расширяемой иконки (знак +) или можно отобразить пользовательскую иконку?По сути, я хочу контролировать интервал между расширяемым столбцом и столбцом «Имя».

Answer 1

Теперь вы можете добавить

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

ниже строки extendedRowRender в подпорках. Так это будет выглядеть:

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

P.S. Это только настраивает значок раскрытия, как вы просили, вам нужно будет написать еще несколько строк кода, чтобы сделать новый значок кликабельным, и передать запись, чтобы отобразить данные в расширенной области.

Пожалуйста, попробуйте и дайте мне знать, если вам нужна помощь с частью onClick ()!