el-table实现表格样式

 <el-table
        :data="tableLists"
        :header-cell-style="{background:'#000'}"
        :row-style="{height:200+'px'}"
        >
        <el-table-column
          prop="docNum"
          width="230"
          label="">
        </el-table-column>
        <el-table-column
          prop="meetTheme"
          label="基本内容">
        </el-table-column>
        <el-table-column
          prop="taggetVal"
          label="评分办法">
        </el-table-column>
      </el-table>

tableLists: [   
      {docNum:'党委会', meetTheme:'将"党政同责""一岗双责"落实情况、节能环保重要议题，纳入党委会议程，研究解决节能环保重大问题', taggetVal:'访谈人员，查阅资料。部门、基层单位存在重大事项(设计重大风险、重大隐患、环保资金投入等)',},
      {docNum:'节能环保委员会', meetTheme:'将"党政同责""一岗双责"落实情况、节能环保重要议题，纳入党委会议程，研究解决节能环保重大问题', taggetVal:'访谈人员，查阅资料。部门、基层单位存在重大事项(设计重大风险、重大隐患、环保资金投入等)',},
      {docNum:'机构设置', meetTheme:'将"党政同责""一岗双责"落实情况、节能环保重要议题，纳入党委会议程，研究解决节能环保重大问题', taggetVal:'访谈人员，查阅资料。部门、基层单位存在重大事项(设计重大风险、重大隐患、环保资金投入等)',},
      {docNum:'机构设置', meetTheme:'将"党政同责""一岗双责"落实情况、节能环保重要议题，纳入党委会议程，研究解决节能环保重大问题', taggetVal:'访谈人员，查阅资料。部门、基层单位存在重大事项(设计重大风险、重大隐患、环保资金投入等)',},
      {docNum:'机构设置', meetTheme:'将"党政同责""一岗双责"落实情况、节能环保重要议题，纳入党委会议程，研究解决节能环保重大问题', taggetVal:'访谈人员，查阅资料。部门、基层单位存在重大事项(设计重大风险、重大隐患、环保资金投入等)',},
      {docNum:'机构设置', meetTheme:'将"党政同责""一岗双责"落实情况、节能环保重要议题，纳入党委会议程，研究解决节能环保重大问题', taggetVal:'访谈人员，查阅资料。部门、基层单位存在重大事项(设计重大风险、重大隐患、环保资金投入等)',},
      {docNum:'机构设置', meetTheme:'将"党政同责""一岗双责"落实情况、节能环保重要议题，纳入党委会议程，研究解决节能环保重大问题', taggetVal:'访谈人员，查阅资料。部门、基层单位存在重大事项(设计重大风险、重大隐患、环保资金投入等)',},
      {docNum:'机构设置', meetTheme:'将"党政同责""一岗双责"落实情况、节能环保重要议题，纳入党委会议程，研究解决节能环保重大问题', taggetVal:'访谈人员，查阅资料。部门、基层单位存在重大事项(设计重大风险、重大隐患、环保资金投入等)',},
    ]

  ::v-deep .el-table{
    // border: 1px solid;
    margin-top: 30px;
    overflow: auto;
    height: 955px;
    thead.has-gutter{
      height: 115px;
    }
    thead{
      tr{
        th{
          div{
            font-size: 32px;
            font-weight: 700;
          }
        }
      }
    }
    tbody{
      tr{
        td{
          div{
            font-size: 30px;
            color: #fff1de;
          }
        }
      }
    }
  }

  ::v-deep .el-table__body tbody tr:nth-child(odd) {
    background-color: #282828;
  }
  ::v-deep .el-table__body tbody tr:nth-child(even) td {
    background-color: #393939;
  }

对于表格旁边实现滚动条样式，此段代码需要放在父容器里面

 ::-webkit-scrollbar {
          width: 8px;
          height: 2px;
          background-color: #1d1a13;
          position: absolute;
          right: 0;
          bottom: 0;
      }
      ::-webkit-scrollbar-track {
          -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
          border-radius: 10px;
          background-color: #1d1a13;
      }
      ::-webkit-scrollbar-thumb {
          border-radius: 10px;
          -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
          background-color: #d9bb97;
      }