element ui 点击选中表头并改变表头样式

56 阅读 0 评论 37 点赞

我是靠谱客的博主糟糕发带，最近开发中收集的这篇文章主要介绍element ui 点击选中表头并改变表头样式，觉得挺不错的，现在分享给大家，希望可以做个参考。

前言：

header-cell-style

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

Function({row, column, rowIndex, columnIndex})/Object　

在表格添加

@header-click="headerClick"

//点击表头事件

headerClick(column, event){

let prop = column.property;

let className = column.id;

　　　　　//只取第一行，则表头

let selectClass = document.getElementsByClassName(className)[0] ;

　　　//两次点击取消样式

if( !selectClass.style.color)

selectClass.style.color = "#10fd10";

else

selectClass.style.color = null;

以上就是糟糕发带为你收集整理的element ui 点击选中表头并改变表头样式的全部内容，希望文章能够帮你解决element ui 点击选中表头并改变表头样式所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。