vue表格之修改表头背景色和设置表头居中

<el-table:header-cell-style="{background:'#F5F6FA',color:'#666E92'}"></el-table>在表头处添加一行代码即可：:header-cell-style="{background:'#eef1f6',color:'#606266'}"//颜色自选

盖世小可爱

3220人浏览 · 2020-09-09 14:39:43

盖世小可爱 · 2020-09-09 14:39:43 发布

<el-table   :header-cell-style="{background:'#F5F6FA',color:'#666E92'}" ></el-table>

加上:header-cell-style 颜色自己选第一个为背景颜色第二个为字体颜色

补充内容：vue 表格设置表头和表格内容居中显示:

      :header-cell-style="{'text-align':'center',background:'#F5F6FA',color:'#666E92'}"//设置表头居中显示和表头背景色
      :cell-style="{'text-align':'center'}"//设置表格内容居中显示

//如果想让单个表格的内容居中：只需要在el-table-column上加上align=‘center’
 <el-table-column   align='center'>
 </el-table-column>

Vue

前往低代码交流专区

更多推荐

Vue里echarts根据页面大小动态调整/自适应

Vue

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^