element 表格 修改表头颜色

element 表格 修改表头颜色

<el-table :data="scheduleTableData"  height="250" :header-cell-style="tableHeaderColor">
</el-table>

//设置表头的颜色
function tableHeaderColor(item: any) {
  const { rowIndex, columnIndex } = item;
  if (rowIndex === 0 && columnIndex === 3) {
    return { background: "#dbf4e4" };
  } else if (rowIndex === 0 && columnIndex === 4) {
    return { background: "#d0f6f3" };
  } else if (rowIndex === 0 && columnIndex === 5) {
    return { background: "#ffeedf" };
  } else if (rowIndex === 0 && columnIndex === 6) {
    return { background: "#d8e5ff" };
  }

  return { background: "#FFF",  };
}