阅读提示:本文共计约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
组件。