Vuejs2 如何将html元素附加到元素UI表中的表行

您好，我有一个关于如何将html元素附加到元素UI表中的表行的问题

<el-table
      :data="tableData"
      style="width: 100%">
      <el-table-column
        prop="date"
        label="Date"
        width="180">
      </el-table-column>
      <el-table-column
        prop="name"
        label="Name"
        width="180">
      </el-table-column>
      <el-table-column
        prop="address"
        label="Address">
      </el-table-column>

// Add some other element in here like div,span,p etc...

    </el-table>

//在这里添加一些其他元素，如div、span、p等。。。

我希望在每一行中添加html元素。

---

在元素UI中是否有这样做的方法？

不确定您想要实现什么，但您可以添加一个空列，并将自定义html放在此处：

<template>
  <el-table
    :data="tableData"
    border
    style="width: 100%">
    <el-table-column
      prop="date"
      label="Date"
      width="180">
    </el-table-column>
    <el-table-column
      prop="name"
      label="Name"
      width="180">
    </el-table-column>
    <el-table-column
      prop="address"
      label="Address">
    </el-table-column>
    <el-table-column>
      <el-button>What every you want</el-button
    </el-table-column>
  </el-table>
</template>

您想要什么？您是否尝试过使用模板slot scope=“scope”？@GeorgeJempty Yes buy它不会仅适用于渲染的每一行once@RenatoManalili模板槽范围将在单元格内呈现。我希望它在td最后一个位置之后在牢房外面。示例

<el-table
    :data="tableData"
    border
    style="width: 100%">
    <el-table-column
      prop="date"
      label="Date"
      width="180">
    </el-table-column>
    <el-table-column
      prop="name"
      label="Name"
      width="180">
      <template slot-scope="scope">
            <el-tag size="medium">{{ scope.row.name }}</el-tag>
      </template>
    </el-table-column>
    <el-table-column
      prop="address"
      label="Address">
    </el-table-column>
  </el-table>