效果：

1.

<a-table:expandIcon="expandIcon":loading="loading":columns="columns":data-source="data"class="components-table-demo-nested"@change="onChangeTable":scroll="{x:1300,y:y}":pagination="pagination":locale="locale">

2.在方法methods下加入方法

expandIcon(props) {// console.log(props);if (props.record.fileInfoList.length > 0) {if (props.expanded) {//有數據-展開時候圖標return (<astyle="color: 'black',margin-right:0px"onClick={(e) => {props.onExpand(props.record, e);}}><a-icon type="down" />{" "}</a>);} else {//有數據-未展開時候圖標return (<astyle="color: 'black' ,margin-right:0px"onClick={(e) => {props.onExpand(props.record, e);}}><a-icon type="right" /></a>);}} else {//無數據-圖標return (<span style="margin-right:0px"><a-icon type="smile" /></span>);}},

總結

以上是生活随笔為你收集整理的自定义ant中table表格的展开图标 修改ant-vue-design中嵌套表格table的expandIcon自定义图标的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。