el-table-column中的el-input影响行高

在Element UI的`el-table-column`组件中，当嵌套了`el-input`作为列的内容，并且这个输入框有默认值或者是用户进行了编辑，它可能会导致表格行的高度发生变化。这是因为`el-input`有自己的默认样式和高度，当其内容变化时，它的DOM结构会更新，从而触发浏览器重新计算行的高度。

例如，如果你有一个带编辑功能的表头，当输入框内容变长，行内的高度可能会包含输入框的底部边距、内边距以及滚动条等元素，这可能导致行的高度比其他未编辑的行要高。为了解决这个问题，你可以尝试调整`el-input`的高度，设置固定高度或者使用`line-height`控制文字在输入框中的垂直对齐。

此外，如果你希望所有行的高度保持一致，可以考虑在`el-input`上添加样式规则，限制其高度，或者在表格全局设置固定的行高(`table-row-height`)。

相关问题

el-table-column点击行高亮

要实现 el-table-column 点击行高亮，可以通过设置 table 的 highlight-current-row 属性为 true，然后在 el-table-column 中设置 selectable 属性为 true。这样就可以实现点击行高亮了。

示例代码如下：

<el-table :data="tableData" highlight-current-row>
  <el-table-column type="selection" selectable></el-table-column>
 <el-table-column prop="name" label="姓名"></el-table-column>
  <el-table-column prop="age" label="年龄"></el-table-column>
</el-table>

el-table中el-table-column嵌套el-table如何然子table得告诉随外层table 行得高度变化

在el-table中，如果子表格(el-table)的高度随着外层表格的行高变化，你可以使用作用域插槽(scope slot)来实现。

首先，在el-table-column的定义中，添加一个作用域插槽，用来传递当前行的数据给子表格。例如：

<el-table-column label="子表格" width="200">
  <template slot-scope="scope">
    <!-- 子表格内容 -->
    <el-table :data="scope.row.subTableData" :row-height="getSubTableHeight(scope.row)">
      <!-- 子表格的列定义 -->
      <el-table-column prop="column1" label="列1"></el-table-column>
      <el-table-column prop="column2" label="列2"></el-table-column>
    </el-table>
  </template>
</el-table-column>

然后，你需要定义一个方法 `getSubTableHeight` 来计算子表格的高度。在这个方法中，你可以根据外层表格的行高来动态计算子表格的高度。例如：

methods: {
  getSubTableHeight(row) {
    // 根据外层表格的行高和子表格的行数来计算子表格的高度
    return row.subTableData.length * this.rowHeight;
  }
}

这样，子表格的高度就会随着外层表格的行高变化而改变。