美文网首页
elementUI中table的折叠面板

elementUI中table的折叠面板

作者: guoss | 来源:发表于2018-08-22 14:24 被阅读0次
<el-table :data="tableData" :expand-row-keys="expends" @current-change="toggleRowExpansion" :row-key="getRowKeys">
  <el-table-column type="expand" label="查看" width="100">
    <template slot-scope="scope">
        <div class="content">
            <div v-html="scope.row.notice_content"></div>
        </div>
       </template>
    </el-table-column>  
</el-table>
getRowKeys(row){
  return row.id
},//获取当前页的信息
toggleRowExpansion(row){
    this.expends=[];
    this.expends.push(row.id)//展开当前行的信息
},

相关文章

网友评论

      本文标题:elementUI中table的折叠面板

      本文链接:https://www.haomeiwen.com/subject/ibxyiftx.html