elementui2 在el-table中点击表格的某一行，获取那一行的数据

你可以在 el-table 中使用 @row-click 或者 @cell-click 事件来获取行数据。

例如，在模板中使用 @row-click 事件：

<el-table @row-click="handleRowClick">

在 methods 中定义 handleRowClick 方法来处理点击事件：

methods: {
  handleRowClick(row, column, event) {
    console.log(row); // 这里的 row 就是点击的那一行的数据
  }
}

如果你想获取某一列的数据，可以在 @cell-click 事件中获取到列的索引，然后通过 row[columnIndex] 来获取该行该列的数据。

<el-table @cell-click="handleCellClick">

在 methods 中定义 handleCellClick 方法来处理点击事件：

methods: {
  handleCellClick(row, column, cell, event) {
    console.log(row[column.index]); // 这里的 row[column.index] 就是点击的那一行该列的数据
  }
}

注意，如果你在 el-table 中使用了 slot，可能需要对应地修改 @row-click 或者 @cell-click 的事件名称。

相关问题

vue2.0 elementui2.0表格el-table自适应高度的实现方法

在Vue2.0和ElementUI2.0中使用el-table表格组件时，自适应高度可以通过以下步骤来实现：

1. 确定数据源

首先，我们需要确定用于填充表格的数据源。在el-table中，数据通常以数组的形式传递，其中每个数组元素代表表格中的一行数据。

2. 计算表格高度

在Vue中，我们可以使用计算属性来动态计算表格的高度。计算属性会根据数据源的变化自动更新表格高度。例如，我们可以使用下面的代码来计算表格高度：

computed: {
tableHeight: function() {
// 获取窗口可见区域高度
var viewportHeight = window.innerHeight;
// 计算表格头和分页组件的高度
var tableHeaderHeight = this.$refs.table.$el.querySelector('.el-table__header-wrapper').offsetHeight;
var paginationHeight = this.$refs.pagination.$el.offsetHeight;
// 计算表格内容区域的高度
var contentHeight = viewportHeight - tableHeaderHeight - paginationHeight - 20;
return contentHeight;
}
}

在上面的代码中，我们首先获取窗口可见区域的高度，然后根据表格头和分页组件的高度计算表格内容区域的高度。最后，将计算出的高度返回。

3. 绑定表格高度

我们将计算属性中计算出的表格高度绑定到el-table组件中的height属性上，以实现自适应高度。例如，我们可以使用下面的代码将表格高度绑定到el-table组件上：

<el-table :data="tableData" ref="table" :height="tableHeight">

在上面的代码中，我们首先使用data属性传递数据源，然后使用ref属性给el-table组件添加一个引用，最后使用height属性将计算属性中计算出的表格高度绑定到组件上。

通过上述方法，我们可以在Vue2.0和ElementUI2.0中实现自适应高度的el-table表格组件。

elementUI el-table 设置高度后 最后一行显示不全

### 回答1：
在 el-table 中设置高度后，如果最后一行显示不全，可能是由于表格的布局问题导致的。您可以尝试在 el-table 标签上添加属性 "element-loading-text" 来解决这个问题。

<el-table
  :data="tableData"
  height="200"
  element-loading-text="正在加载"
  >
  <!-- table columns -->
</el-table>

另外，您还可以尝试设置表格的 "max-height" 和 "overflow-y" 来解决这个问题。

<el-table
  :data="tableData"
  max-height="200"
  style="overflow-y: auto"
  >
  <!-- table columns -->
</el-table>

或者设置表格外面的父容器，让父容器超出隐藏

<div style="overflow:auto;height: 200px">
  <el-table :data="tableData">
    <!-- table columns -->
  </el-table>
</div>

这些方法都可以让表格的高度固定，并且在数据过多时可以通过滚动条来查看数据。

### 回答2：
当使用Element UI中的el-table组件设置了固定高度之后，可能会出现最后一行内容无法完全显示的情况。这是由于设置了固定高度后，el-table会根据内容的高度自动进行滚动，以便能够完全显示表格中的数据，同时避免表格过长导致页面布局错乱。

解决这个问题的方法有两种：
1. 调整el-table组件的高度：你可以增加el-table组件的高度，使其能够容纳整个表格内容，这样最后一行就能完整地显示出来。
2. 调整el-table组件的样式：通过自定义样式表来调整el-table组件的滚动条样式，以确保最后一行能够完全显示出来。你可以自定义滚动条的宽度、颜色等样式属性，从而满足你的需求。

无论采用哪种方法，你都可以根据实际情况进行调整，使得el-table组件能够完美地显示最后一行的内容。