关于segmentfault:element-ui修改eltable表格边框的注意事项

问题形容

在咱们应用饿了么UI框架做我的项目的时候，el-table的自带的表格边框色彩有时候须要批改一下。本文简述一下批改el-table边框款式的注意事项。

初始代码

<template>  <div id="app">    <el-table       :data="tableData"       style="width: 40%"       border    >      <el-table-column prop="name" label="姓名" width="180"></el-table-column>      <el-table-column prop="nation" label="国别" width="180"></el-table-column>      <el-table-column prop="bornPlace" label="出世中央"> </el-table-column>    </el-table>  </div></template><script>export default {  name: "app",  data() {    return {      tableData: [        {          name: "刘备",          nation: "蜀国",          bornPlace: "涿郡涿县（河北省涿州市）",        },        {          name: "曹操",          nation: "魏国",          bornPlace: "沛国谯县（安徽省亳州市）",        },        {          name: "孙权",          nation: "吴国",          bornPlace: "吴郡富春县（浙江省杭州市富阳区）",        },        {          name: "关羽",          nation: "蜀国",          bornPlace: "河东郡解县（山西省运城市盐湖区解州镇）",        },      ],    };  },};</script>

关于segmentfault:element-ui修改eltable表格边框的注意事项

问题形容

初始代码

初始成果

第一步，退出单元格的回调

代码如下

成果如下

第二步，退出表头的回调

代码如下

成果如下

第三步，独自给表格加款式

代码如下

成果如下