深圳建外贸网站,广州刚刚爆出大事件,教育手机网站开发,建设工程信息化考试报名网站文章目录 一、知识点二、设置全部表头2.1、方式一2.2、方式二 三、设置某个表头四、最后 一、知识点
有些时候需要给element-ui表头设置不同样式#xff0c;比如居中、背景色、字体大小等等#xff0c;这时就可以用到本文要说的属性header-row-style。官网说明如下所示… 文章目录 一、知识点二、设置全部表头2.1、方式一2.2、方式二 三、设置某个表头四、最后 一、知识点
有些时候需要给element-ui表头设置不同样式比如居中、背景色、字体大小等等这时就可以用到本文要说的属性header-row-style。官网说明如下所示 二、设置全部表头 2.1、方式一
el-table :header-cell-style{text-align: center} /2.2、方式二
templateel-table :header-cell-styletableHeaderColor /
/template
script
export default {methods: {tableHeaderColor ({row, column, rowIndex, columnIndex}) {return text-align: center;}}
}
/script三、设置某个表头
templateel-table :header-cell-styletableHeaderColor /
/template
script
export default {methods: {// 设置表头的颜色tableHeaderColor({ row, column, rowIndex, columnIndex }) {console.log(row, column, rowIndex, columnIndex);if (rowIndex 0 columnIndex 1) {return background-color: #afccfd; color:#000000;; //蓝色} else if (rowIndex 0 columnIndex 2) {return background-color: #c0e33c; color:#000000;;//绿色} else if (rowIndex 0 columnIndex 3) {return background-color: #fbc57b; color:#000000;;//橙色} else {return color:#000000; background: #ffffff;;}}}
}
/script效果如下所示 四、最后
本人每篇文章都是一字一句码出来希望大佬们多提提意见。顺手来个三连击点赞收藏关注✨。创作不易给我打打气加加油☕
