.Table .ant-table-thead > tr > th {
    background: rgba(19, 65, 133, 0.46) !important;
    color:#bcc4d2!important;
    border-bottom:  1px solid #174279!important;
    border-right:  1px solid #174279!important;
  }
  .Table .ant-table-thead::-webkit-scrollbar {
    display: none!important; !/* Chrome Safari *!*/
  }
   .Table .ant-table-content .ant-table-thead > tr > th {
    background: rgba(19, 65, 133, 0.66) !important;
    color:#bcc4d2!important;
  }
   .Table  .ant-table-thead .ant-table-fixed> tr > th {
    background: rgba(19, 65, 133, 0.66) !important;
    color:#bcc4d2!important;
  }
  .Table .ant-table-tbody {
    /*color: #FFFFFF !important;*/
    background: rgba(19, 65, 133, 0.26) !important;
    color:#bcc4d2!important;
    border-bottom:  1px solid #174279!important;
  }
  .nka_lkaTable .ant-table-content .ant-table-header{
    background:none!important;
  }
  .Table .ant-table-body{
    background:none!important;
  }
  .Table .ant-table-bordered .ant-table-content{
    border-right: 1px solid #174279!important;
  }
  .Table .ant-table-small{
    border: 1px solid #174279!important;
  }
  .Table .ant-table-tbody > tr > td {
    border-right: 1px solid #174279!important;
    border-bottom:  1px solid #174279!important;
  }
  /*有固定行的ant-design-vue 表格滑动样式*/
  .Table .ant-table-fixed .ant-table-row-hover {
    background: rgba(19, 65, 133, 0.86) !important;
  }
  .nTable .ant-table-fixed .ant-table-row-hover > td {
    background: rgba(19, 65, 133, 0.86) !important;
  }
  /*没有固定行的表格个样式*/
  .Table .ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td {
    background-color: rgba(19, 65, 133, 0.86) !important;
  }
  .Table .ant-table-body .ant-table-row-hover {
    background: rgba(19, 65, 133, 0.86) !important;
  }
  .Table .ant-table-body .ant-table-row-hover > td {
    background: rgba(19, 65, 133, 0.86) !important;
  }
  .nka_lkaTable .ant-table-fixed{
    background: none!important;
  }
  .Table .ant-table-fixed .ant-table-tbody {
    /*color: #FFFFFF !important;*/
    background: rgba(19, 65, 133, 0.26) !important;
  }
  .Table .ant-table-placeholder{
    background: none!important;
  }
  .Table .ant-empty-normal{
    color: #bcc4d2!important;
  }
  .Table  .ant-table-fixed-header .ant-table-scroll .ant-table-header::-webkit-scrollbar{
    display: none!important;

  }
  .Table .ant-table-fixed-header .ant-table-scroll .ant-table-header{
    margin-bottom: 0px!important;
    padding-right: 8px!important;
  }
  .Table .ant-table-small.ant-table-fixed-header > .ant-table-content > .ant-table-scroll > .ant-table-body{
    &::-webkit-scrollbar-track{
      background: #0d346f!important;
    }
    &::-webkit-scrollbar-thumb {
      background-color: rgba(45,96,192, 0.6)!important;
    }
    &:hover{
      /*cursor: pointer;*/
      &::-webkit-scrollbar-track{
        /*-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);*/
        /*background-color:#F5F5F5;*/
      }
      &::-webkit-scrollbar-thumb{
        -webkit-box-shadow:inset 0 0 6px rgba(45,96,192,.3)!important;
        background-color: rgba(45,96,192, 0.9)!important;
      }
    }
  }
  /*固定列的表格背景色*/
  .Table .ant-table-fixed-left{
    background: rgba(0,55,120, 0.8)!important;
  }

定义表格时加上scopedSlots: { customRender: 'status' }

const columns = [
  {
    title: '状态',
    key: 'status',
    scopedSlots: { customRender: 'status' }
  },
  {
    title: '版本',
    key: 'version'
  }
]

在a-table标签内编写你想要的样式，在标签内加上slot=customRender名即可

<div slot="status" slot-scope="text">
    <div style="color: red">{{text.status}}</div>
</div>

拓展：根据不同的字段制作不同的样式（v-if）

<div slot="status" slot-scope="text">
    <div style="color: red" v-if="text.status === '红色'">{{text.status}}</div>
    <div style="color: green" v-if="text.status === '绿色'">{{text.status}}</div>
    <div style="color: #000" v-if="text.status === '黑色'">{{text.status}}</div>
</div>

新入职的公司让我学习下Vue，以前没怎么学过，最近开始学习，记录下每天学习的内容，借鉴了很多前辈们的资料，如有冒犯，还请原谅。
开始我做的是动态表格，但是发现不会调整宽度，于是就改成了下面的样子，用着更舒服一些。先记录下来，免的以后想用找不到。
先看下效果图。

本人比较懒，就写了一行，下面上代码。

<template>
	<el-table
    :data="tableData"
    border
    style="width:95%"
    fit
>
    <el-table-column
        prop="goodsNo"
        label="商品编号"
        width="150"
        align="center"
    >
    </el-table-column>
    <el-table-column
        prop="goodsName"
        label="商品名称"
        show-overflow-tooltip
        align="center"
    >
    </el-table-column>
    <el-table-column
        prop="goodsPrice"
        label="商品价格"
        width="100"
        align="center"
    >
    </el-table-column>
</el-table>
</template>
<script>	
   export default { 
      data(){
      	return{
      	 	tableData:[
 			   {
			        goodsNo:"10005100000123",
			        goodsName:"套餐月费10元，长市漫合一，被叫免费，国内主叫0.15元/分钟",
			        goodsPrice:"￥20.00"
			    }
			]
      		}
         }
  }
</script>