阅读提示:本文共计约1179个文字,预计阅读时间需要大约3分钟,由作者office365密钥编辑整理创作于2023年11月06日19时48分09秒。

将Ant Design表格的expandIcon渲染在最后一列固定列上的方法如下

ant design 如何把表格expandIcon 渲染在最后一列固定列上?

你需要在表格的配置中设置expandIconAsCellfalse,这样expandIcon就会作为单元格单独存在。然后,你需要设置expandIconColumnIndex为你想要放置expandIcon的列索引,这里设置为10,即最后一列。你可以自定义expandIcon的渲染方式,例如使用一个函数来返回你自定义的expandIcon组件。

具体的代码示例如下:

<a-table :columns="columns" :data-source="data" bordered :expandRowByClick="false" :expandIconColumnIndex="10" :expandIconAsCell="false" :expandIcon=" (props) => this.customExpandIcon (props)" :row-selection=" { selectedRowKeys ...

其中,this.customExpandIcon是一个函数,用于返回你自定义的expandIcon组件。

点赞(72) 打赏

微信小程序

微信扫一扫体验

立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部