Element给el-table设置样式

 

        :data="tableData"

//列表样式

        :cell-style="tableRowStyle"

//列表标题样式

        :header-cell-style="tableHeaderColor"

        style="width: 100%; overflow-y: auto"

        highlightCurrentRow="{true}"

        stripe="{true}"

      >

        

          type="selection"

          label="审核状态"

          width="46"

          align="center"

        >

        

        

        

          prop="serialNumber"

          type="index"

          width="55"

          label="序号"

          align="center"

        >

        

        

        

         

        

        

         

      

样式设置放在methods里面

  methods: {

    //设置表格行的样式

    tableRowStyle() {

      return "background-color:white;font-size:10px; color:black;text-align:center";

    },

    //设置表头行的样式

    tableHeaderColor() {

      //font-wight:500;font-size:20px;

      return "background-color:cadetblue;color:black;text-align:center";

    },

  },

最终实现效果：