阅读提示:本文共计约1179个文字,预计阅读时间需要大约3分钟,由作者office365密钥编辑整理创作于2023年11月06日19时48分09秒。
将Ant Design表格的expandIcon渲染在最后一列固定列上的方法如下:
你需要在表格的配置中设置expandIconAsCell为false,这样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组件。
