el-table 表格展开与折叠

按钮控制 点击全部展开 再次点击 全部关闭

<button class="table_btn ml10" @click="handleExpand"><i class="iconfont" :class="isExpand?'icon-add_bd':'icon-reduce_bd'"></i> {
  {isExpand?'全部折叠':'全部展开'}}</button>

表格代码

<el-table
    :data="tableData"
    style="width: 100%">
    <el-table-column type="expand">
      <template slot-scope="props">
        <el-form label-position="left" inline class="demo-table-expand">
          <el-form-item label="商品名称">
            <span>{
  { props.row.name }}</span>
          </el-form-item>
          <el-form-item label="所属店铺">
            <span>{
  { props.row.shop }}</span>
          </el-form-item>
          <el-form-item label=
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值