如何修改el-table的行高？

Question

如何修改el-table的行高？

<el-table
    :data="tableData"
    border
    max-height="200px"
    :header-cell-style="{background:'#f2f2f2'}"
    :row-style="iRowStyle">
    <el-table-column
        prop="key"
        label="键"
        width="100"
        align="center">
     </el-table-column>
     <el-table-column
        prop="value"
        label="值"
        align="center">
     </el-table-column>
</el-table>

使用的是这个方法

methods: {
        iRowStyle({row,rowIndex}){
            return 'height: 20px';
        }
    }

但是并没有生效

Answer 1

返回一个对象试试

return {height: '20px'}

Answer 2

可以使用cell-class-name，然后全局给此类名添加样式

Answer 3

浏览器里检查元素，用element的类名重写样式不可以嘛