center/dataease-dm
center/dataease-dm
13
0
Fork 0
forked from github/dataease
Code Pull Requests Activity

feat(frontend):表格斑马纹跟随视图背景色

Browse Source
This commit is contained in:
junjie 2021-06-10 12:36:28 +08:00
parent 957d2af7c2
commit 9daf498192
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/views/chart/components/table/TableNormal.vue
View File

@ -152,7 +152,13 @@ export default {
}
this.table_item_class_stripe = JSON.parse(JSON.stringify(this.table_item_class))
if (customAttr.color.tableStripe) {
this.table_item_class_stripe.background = hexColorToRGBA(customAttr.color.tableItemBgColor, customAttr.color.alpha - 40)
// this.table_item_class_stripe.background = hexColorToRGBA(customAttr.color.tableItemBgColor, customAttr.color.alpha - 40)
if (this.chart.customStyle) {
const customStyle = JSON.parse(this.chart.customStyle)
if (customStyle.background) {
this.table_item_class_stripe.background = hexColorToRGBA(customStyle.background.color, customStyle.background.alpha)
}
}
}
}
if (this.chart.customStyle) {
@ -184,7 +190,7 @@ export default {
}
},
getRowStyle({ row, rowIndex }) {
if (rowIndex % 2 === 0) {
if (rowIndex % 2 !== 0) {
return this.table_item_class_stripe
} else {
return this.table_item_class