当前位置: 首页 > article >正文

在使用element-ui时表单的表头在切换页面时第一次进入页面容易是白色字体解决方法

在里面添加:header-cell-style="{ color: 'black' }"

 <el-table
    :data="tableData"
    style="width: 100%"
    height="250"
   :header-cell-style="{ color: 'black' }"
></el-table>

正确代码是

<template>
  <el-table
    :data="tableData"
    style="width: 100%"
    height="250"
   :header-cell-style="{ color: 'black' }"
>
    <el-table-column
      fixed
      prop="date"
      label="日期"
      width="150">
    </el-table-column>
    <el-table-column
      prop="name"
      label="姓名"
      width="120">
    </el-table-column>
    <el-table-column
      prop="province"
      label="省份"
      width="120">
    </el-table-column>
    <el-table-column
      prop="city"
      label="市区"
      width="120">
    </el-table-column>
    <el-table-column
      prop="address"
      label="地址"
      width="300">
    </el-table-column>
    <el-table-column
      prop="zip"
      label="邮编"
      width="120">
    </el-table-column>
  </el-table>
</template>

<script>
  export default {
    data() {
      return {
        tableData: [{
          date: '2016-05-03',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333
        }, {
          date: '2016-05-02',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333
        }, {
          date: '2016-05-04',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333
        }, {
          date: '2016-05-01',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333
        }, {
          date: '2016-05-08',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333
        }, {
          date: '2016-05-06',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333
        }, {
          date: '2016-05-07',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333
        }]
      }
    }
  }
</script>


http://www.kler.cn/a/588893.html

相关文章:

  • springboot+vue如何前后端联调,手搓前后端分离项目
  • 三角函数:从宇宙法则到AI革命的数学密钥
  • 《灵珠觉醒:从零到算法金仙的C++修炼》卷三·天劫试炼(51)混沌钟定排列 - 全排列(回溯与剪枝)
  • 安全测试数据的分析、报告及业务应用
  • Java EE 进阶:Spring Boot 日志
  • 获取pytdx行情服务器ip和port
  • Golang倒腾一款简配的具有请求排队功能的并发受限服务器
  • 如何在Linux中切换用户?
  • 从零到精通文本指令:打造个人AI助理的完整指令库(Prompt 指令实操)
  • HTML 列表:构建清晰结构的网页内容
  • 如何通过数据分析提升美容院顾客复购率
  • 设计模式之组合模式:原理、实现与应用
  • 构建智能汽车地图标准体系:自动驾驶技术的基石
  • 51单片机的工作过程
  • 有多少小于当前数字的数字 力扣1365
  • Kotlin语言基础笔记
  • coding ability 展开第三幕(滑动指针——基础篇)超详细!!!!
  • 【干货】Docker 在自动化测试和性能测试中的应用
  • Vue.js 中 class 和 style 绑定的全面解析
  • JVM的各种细节