:deep(.el-table__inner-wrapper::before) {
? ? left: 0;
? ? bottom: 0;
? ? width: 100%;
? ? height: 0;
? ? z-index: 3;
}

// vue3 組件為elementplus
<el-table
      :data="tableData"
      :header-cell-style="{
        'text-align': 'center',
        'font-size': '18px',
        'background': '#162556 !important',
        'color': '#ffffff',
        'border': 'none !important'
      }"
      :cell-style=changeCellStyle
      >
          <el-table-column align="center" prop="name" label="單位名稱"></el-table-column>
      <el-table-column align="center" prop="value" label="數(shù)值大小%"></el-table-column>
      </el-table>
<script setup>
 // 動態(tài)調(diào)整樣式
 function changeCellStyle(row) {
  // 可自行輸出row查看樣式
  const styleObject = {
    'background': '#090e2e !important',
    'color': '#ffffff', 
    'border-bottom': '2px solid #173d91',
    'font-size' : '18px',
    'cursor': 'pointer'
  }
  if(row.column.label == 'xxxx') {
    styleObject.color = '#00f1ed'
  }else{
    if(row.row.value < warningValue) {
      styleObject.color = 'red'
    }
  }
  return styleObject
}
</script>

:deep(.el-table tr) {
  background-color: #162556;
}
:deep(.el-table__inner-wrapper::before) {
  background-color: #173d91;
}