饿了么 Table 展开行 去掉展开ico(width=“1“无效)

        新人菜鸟一个,看完各位大佬的方法之后,差不多都是用width="1",我用的没效果, 如下

<el-table
    :data="tableData"
    style="width: 100%" ref="refTable" @row-click="clickRowHandle">
    <el-table-column type="expand" width="1">
      <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="商品 ID">
            <span>{{ props.row.id }}</span>
          </el-form-item>
          <el-form-item label="店铺 ID">
            <span>{{ props.row.shopId }}</span>
          </el-form-item>
          <el-form-item label="商品分类">
            <span>{{ props.row.category }}</span>
          </el-form-item>
          <el-form-item label="店铺地址">
            <span>{{ props.row.address }}</span>
          </el-form-item>
          <el-form-item label="商品描述">
            <span>{{ props.row.desc }}</span>
          </el-form-item>
        </el-form>
      </template>
    </el-table-column>
    <el-table-column
      label="商品 ID"
      prop="id">
    </el-table-column>
    <el-table-column
      label="商品名称"
      prop="name">
    </el-table-column>
    <el-table-column
      label="描述"
      prop="desc">
    </el-table-column>
  </el-table>

        然后用最笨的方法解决了。

         首先还是要加上width="1", 然后F12找到ico的class,然后在样式中直接设为:

.el-table__expand-icon {
  display: none;
}

        属实有点笨了……

        然后需求里面,展开当前行收起其他行,这个就是一个类似手风琴的效果,如下:

clickRowHandle(row, column, event) {
      let $refTable = this.$refs['refTable']
      this.listData.map(item => {
        if (row.metadata.uid != item.metadata.uid) {
          $refTable.toggleRowExpansion(item, false)
        }
      })
      $refTable.toggleRowExpansion(row)
    }

         方法中的判断条件就是数据中的唯一字段,各位大佬根据实际情况进行修改。

        (写的不好,还望各位大佬勿喷)

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值