el-table-column里按钮并排

要在el-table-column中实现按钮并排，可以使用slot-scope属性和template标签。具体步骤如下：

1.在el-table-column中添加template标签，并设置slot-scope属性为“scope”。
2.在template标签中添加需要并排的按钮，使用scope.row来获取当前行的数据。
3.使用CSS样式来控制按钮的位置和样式。

下面是一个示例代码，其中包含两个并排的按钮：

<el-table-column label="操作">
  <template slot-scope="scope">
    <el-button type="primary" size="mini" @click="handleEdit(scope.row)">编辑</el-button>
    <el-button type="danger" size="mini" @click="handleDelete(scope.row)">删除</el-button>
  </template>
</el-table-column>

在上面的代码中，handleEdit和handleDelete是两个方法，用于处理编辑和删除按钮的点击事件。scope.row用于获取当前行的数据。

相关问题

el-table-column 里面套 el-table

根据提供的引用内容，el-table-column是一个Vue组件，用于定义el-table中的列。而el-table是一个基于Element UI的表格组件。因此，el-table-column是用于定义el-table中的列的组件，而不是用于嵌套el-table的组件。如果您想要在el-table中嵌套另一个el-table，可以在el-table-column的slot中使用el-table组件。

以下是一个示例代码，展示了如何在el-table-column中嵌套el-table组件：

<template>
  <el-table :data="tableData">
    <el-table-column prop="name" label="Name">
      <template slot-scope="scope">
        <el-table :data="scope.row.children">
          <el-table-column prop="childName" label="Child Name"></el-table-column>
        </el-table>
      </template>
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        {
          name: 'Parent 1',
          children: [
            {
              childName: 'Child 1-1'
            },
            {
              childName: 'Child 1-2'
            }
          ]
        },
        {
          name: 'Parent 2',
          children: [
            {
              childName: 'Child 2-1'
            },
            {
              childName: 'Child 2-2'
            }
          ]
        }
      ]
    };
  }
};
</script>

在上面的示例中，我们在el-table-column的slot中使用了el-table组件，并将其绑定到了当前行的children属性。然后，我们在el-table中定义了一个el-table-column，用于显示子项的名称。

el-table el-column selection disable

要禁用 Element UI 中的表格（el-table）中的某个列（el-column）的选择功能，可以在该列的配置中添加一个 `type` 属性，并将其设置为 `"selection-disabled"` 。示例如下：

<el-table :data="tableData">
  <el-table-column type="selection"></el-table-column>
  <el-table-column prop="name" label="Name"></el-table-column>
  <el-table-column prop="age" label="Age"></el-table-column>
  <el-table-column type="selection-disabled" label="Disable Selection"></el-table-column>
</el-table>

在上面的示例中，第三个列被设置为 `type="selection-disabled"` ，这样就禁用了该列的选择功能。