element中el-table表头通过header-row-style设置样式

文章目录

  • 一、知识点
  • 二、设置全部表头
    • 2.1、方式一
    • 2.2、方式二
  • 三、设置某个表头
  • 四、最后

一、知识点

有些时候需要给element-ui表头设置不同样式,比如居中、背景色、字体大小等等,这时就可以用到本文要说的属性header-row-style。官网说明如下所示:

element中el-table表头通过header-row-style设置样式_第1张图片

二、设置全部表头

element中el-table表头通过header-row-style设置样式_第2张图片

2.1、方式一

<el-table :header-cell-style="{'text-align': 'center'}" />

2.2、方式二



三、设置某个表头



效果如下所示:

element中el-table表头通过header-row-style设置样式_第3张图片

四、最后

本人每篇文章都是一字一句码出来,希望大佬们多提提意见。顺手来个三连击,点赞收藏关注✨。创作不易,给我打打气,加加油☕

你可能感兴趣的:(#,element,javascript,前端,elementui,el-table)