vue修改element-ui table样式更改

element UI里面表格的行高需要自己调整高度和设置padding，直接写style是不行的，里面有 ：

1、row-style （行的 style）    

2、header-row-styl   （表头行的 style）

3、cell-style（单元格的 style）

<el-table  border  :span="24" :row-style="{height:'32px'}"  :header-row-style="{height:'32px'}"  :cell-style="{padding:'1px'}">　　<el-table-column></el-table-column>　　<el-table-column></el-table-column></el-table>

也可以高度定制表格的样式，比如

<template><el-table   :cell-style="getTdStyle"   :data="tableData"   ref="tableData"   border   style="width: 100%;"    max-height="555">....</el-table></template><script>export default {  methods: {    getTdStyle(row) {      // console.log("row", row);      let style = {};      // 单独设置表格第三行的样式      if (row.rowIndex == 2) {        style = {          backgroundColor: "#f5f7fa",          color: "#606266",        };      }      return style;    }  }}</script>