修改el-table中的表格樣式

項目中遇到的一個坑吧，我們在完成UI給的效果圖的時候，總會需要修改el-table的樣式

<div  class="tableDate">
            <el-table
              :data="InvoiceFileData"
              style="width: 100%;">
              <el-table-column
                label="文件名稱"
                prop="UploadFileName">
                <el-link type="primary" style="font-size: 14px;color: #478fc6;">  
                   {{UploadFileName}}
                </el-link>
              </el-table-column>
              <el-table-column
                prop="UploadTime"
                label="上傳時間">
              </el-table-column>
              <el-table-column
                label="操作">
                <div class="Download" style="font-size: 14px;color: #478fc6;">下載</div>
              </el-table-column>
              <template slot="empty">
                <div>暫無附件</div>
              </template>
            </el-table>
</div>

因爲elementUI是全局作用的，所以需要將style中的scoped給去掉。但是這樣就會發生全局樣式污染，導致整個項目所有的el-table的樣式都被修改了
我們需要在table外加一個添加父樣式tableDate，防止全局樣式污染

.tableDate .el-table td {
    height: 42px;
    padding: 0;
  }