软件班级网站建设主题,网络营销竞价推广,中国最新24小时军情新闻,河南seo快速排名目录 修改表头以及一整列数据的背景颜色#xff0c;效果如下#xff1a;
总结 修改表头以及一整列数据的背景颜色#xff0c;效果如下#xff1a; 修改表头背景颜色#xff1a;在el-table绑定header-cell-style
修改一整列的数据背景颜色#xff1a;在el-table绑定:cel…
目录 修改表头以及一整列数据的背景颜色效果如下
总结 修改表头以及一整列数据的背景颜色效果如下 修改表头背景颜色在el-table绑定header-cell-style
修改一整列的数据背景颜色在el-table绑定:cell-stylecolumnStyle 完整代码如下
template
el-table :datatableData stylewidth: 100% stripe :cell-stylecolumnStyle :header-cell-stylerowClassel-table-column propcreateByName label创建者/el-table-columnel-table-column propcreateTime label创建时间/el-table-columnel-table-column propmessage label操作记录名称/el-table-columnel-table-column propoldData label原内容/el-table-columnel-table-column propnewData label修改内容/el-table-columnel-table-column label操作状态template slot-scopescopespan{{ scope.row.status 0 ? 正常 : 接口出现异常 }}/span/template/el-table-column
/el-table
/templatescript
export default {methods: {columnStyle({ row, column, rowIndex, columnIndex }) {// 第一列的背景色if (columnIndex 3) {return background:#ccff99}},// 修改表头颜色rowClass({ rowIndex, columnIndex }) {if (rowIndex 0) {if (columnIndex 3) {// return { background: #ff9933, color: white }return { background: #ccff99 }}}}}
}
/script 总结
记录来源于需求希望能帮助到你~
