怎么给表格标题添加样式

341 阅读1分钟

方法一:

通过.el-table .is-leaf给表头添加样式

 <style lang="scss" scoped>
 ::v-deep .el-table .is-leaf{
  background-color: red;
  height: 90px;
 }
</style>

方法二:

通过table属性header-cell-style给表头添加样式

header-cell-style:表头单元格的 style 的回调方法,也可以使用一个固定的 Object 为所有表头单元格设置一样的 Style。

 <el-table
      :data="tableData"
      style="width: 100%"
      :header-cell-style="{'height':'80px','backgroundColor':'red'}"
    >
      <el-table-column
        type="index"
        :index="indexMethod"
      />
      <el-table-column
        prop="date"
        label="日期"
        width="180"
      />
      <el-table-column
        prop="name"
        label="姓名"
        width="180"
      />
      <el-table-column
        prop="address"
        label="地址"
      />
    </el-table>