Vue -- 改变表头背景颜色 & 设置表格行高

<div id="tabContainer" style="height:100%;width:100%;">
	<el-table :data="infoTableData" :cell-style="{padding:'8px 0px 8px 0px'}" ref="infoTableData" border highlight-current-row 
		:header-cell-style="{background:'#2C8DF4',color:'#FFFFFF'}">
		<el-table-column prop="resId" label="资源ID"  align="left"></el-table-column>
		<el-table-column prop="resName" label="资源名称" align="left"></el-table-column>
	</el-table>
</div>

function init(){
	this.template='#testId',
	this.data=function () {
		return {
			infoTableData : []
		}
	},
	this.methods = {
		fillData : function(){
			var _self = this;
			var obj1 = {};
			obj1.resId = 1;
			obj1.resName = "A";
			var obj2 = {};
			obj2.resId = 2;
			obj2.resName = "B";
			_self.infoTableData.push(obj1);
			_self.infoTableData.push(obj2);
		}
	},
	this.mounted=function(){
		this.fillData();
	}
}

注2：设置表格行高

:cell-style="{padding:'8px 0px 8px 0px'}"

效果：

最后

以上就是秀丽荔枝为你收集整理的Vue -- 改变表头背景颜色 & 设置表格行高的全部内容，希望文章能够帮你解决Vue -- 改变表头背景颜色 & 设置表格行高所遇到的程序开发问题。

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