这篇博客介绍了如何在Elasticsearch展示组件中使用`row-style`属性动态绑定方法`tableRowClassName`，实现表格行背景色的交替显示。通过设置`header-cell-style`以定制表头样式，并提供了具体的代码示例来展示如何实现这一功能。
实现效果：
实现：添加:row-style，动态绑定方法tableRowClassName
<el-table
ref="sortTable"
:height="sortTableHeight"
style="width: 100%;"
border
:row-style="tableRowClassName"
:stripe="false"
:header-cell-style="{background: '#EBEEF5',border: '0px solid #DDDDDD',height: '10px',color:'#2B579A'}"
:data="tableData">
</el-table>
方法：
tableRowClassName({row, rowIndex}) {
let styleJson = {
'background-color': '#ECF5FF'
}
if ((rowIndex & 1) === 1) {
return styleJson
}
return ''
},
扫一扫
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
