ant design table的展开列加减号的隐藏

最新推荐文章于 2024-11-12 11:19:19 发布

reembarkation

最新推荐文章于 2024-11-12 11:19:19 发布

阅读量139

点赞数 1

文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/reembarkation/article/details/142824960

版权

 <a-table
              :columns="sourcesTableColumns"
              :pagination="false"
              :data-source="conetnt.text.SourceList"
              :expandedRowKeys="expandedRowKeys"
              :rowKey="(record,index)=>{return record.paragraphsId}"  
              :expandIconAsCell="false"
              :expandIconColumnIndex="-1"
              bordered
            >
              <template slot="action" slot-scope="text, record, index">
                 <a href="javascript:;" class="add" @click="handleExpand(record, index)" v-else>{{expandedRowKeys.indexOf(record.paragraphsId)==-1?'展开':'收起'}}</a>
              </template>
              <p slot="expandedRowRender" slot-scope="record" style="margin: 0">
                {{ record.content }}
              </a>
              </p>
            </a-table>

主要使用这两个属性：

:expandIconAsCell="false"

:expandIconColumnIndex="-1"