<el-table-column fixed width="55px" type="selection" height="55px" label="选择"/> 列为selection时，行高过高如何恢复正常行高

在Element UI的el-table组件中，当列的type属性为"selection"时，会生成多选框列，且每行的高度会因为多选框列而增加。若想让行高恢复正常，则可以在el-table-column标签内设置min-width和max-width属性，并将height属性设置为auto，如下所示：

<el-table-column
  fixed
  type="selection"
  label="选择"
  min-width="55px"
  max-width="55px"
  height="auto"
></el-table-column>

这样设置后，多选框列的宽度固定为55px，而行高则会根据内容自适应，恢复正常行高。

相关问题

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-column 的行高怎样设置

你可以通过设置 `el-table-column` 组件中的 `min-height` 属性来调整行高。例如：

<el-table-column prop="name" label="姓名" min-height="60px"></el-table-column>

这样就将该列的行高设置为 60px。你也可以在样式表中针对 `el-table-column` 元素设置行高，例如：

.el-table-column {
  min-height: 60px;
}

这样将会将所有 `el-table-column` 组件的行高都设置为 60px。