亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

Element-UI 展開行table，如何在某些特殊條件下呈現展開行格式

Element-UI 展開行table，如何在某些特殊條件下呈現展開行格式

慕容森 2018-11-07 14:22:06
設置type="expand"后每行都有展開按鈕，都可展開，需求是只有某些特殊條件下，這一行才可以展開，其他行沒有展開按鈕不可展開，如圖。求解決辦法。。。。
查看完整描述

1 回答

?
繁華開滿天機

TA貢獻1816條經驗 獲得超4個贊

我找到了一個偏方:

  1. 用 row-class-name 給不需要展開的行添加一個類

  2. 給這個類的所在行的expand這一列設置visibility:hidden樣式,

大體代碼如下:

<template>

  <el-table :data=tabledata :row-class-name="getRowClass">

    ...

  </el-table>

<template>

<script>

// ...

methods: {

  getRowClass: function (row, index) {

    if(row.canExpand)

      return ''

    else

      return 'hide-expand'

  }

}

// ...

</script>

<style>

/*

.hide-expand{

  visibility:hidden

}

*/

/*CSS 修正*/

.hide-expand .el-table__expand-column .el-icon {

  visibility: hidden;

}

</style>


查看完整回答
2 反對 回復 2018-12-12
  • 1 回答
  • 0 關注
  • 4684 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號