找到el-table标签添加如下样式和属性设置 <el-tableclass="alarm"v-loading="loading":header-cell-style="{ background: '#0080D0' }":row-class-name="tableRowClassName"> 然后class绑定的alarm样式的实现 <style>.alarm .el-table__row td:nth-child(10) { color: #3be6f8; }</style> row-class...
用v-if 标题栏样式走样,乱序 原因分析: v-show起作用的本质是display:none,而因为td的display: table-cell;权限高于display:none,所以v-show失效; v-if切换标签显示隐藏时,多个相同的标签被渲染,需要使用key来区分,否则就会出现多个复用的情况 解决方案: 给对应列加上key <el-table-column v-if="selection" k...
1. 然后class绑定的alarm样式的实现 <style> .alarm .el-table__row td:nth-child(10) { color: #3be6f8; } </style> 1. row-class-name:行的 className 的回调方法,也可以使用字符串为所有行设置一个固定的 className。 然后row-class-name绑定的样式实现 tableRowClassName({ row, rowIndex }) { ...
1. 然后class绑定的alarm样式的实现 <style> .alarm .el-table__row td:nth-child(10) { color: #3be6f8; } </style> 1. row-class-name:行的 className 的回调方法,也可以使用字符串为所有行设置一个固定的 className。 然后row-class-name绑定的样式实现 tableRowClassName({ row, rowIndex }) { ...