github
/
element
mirror of https://github.com/ElemeFE/element
1
0
Fork 0
Code Issues Releases Wiki Activity

Table: hide table when nested in an invisible container

pull/5587/merge
Leopoldthecoder 2017-08-08 14:46:05 +08:00 committed by 杨奕
parent 7fa2967515
commit aae78193f9
2 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
packages/table/src/table.vue
View File

@ -4,6 +4,7 @@
'el-table--fit': fit, 'el-table--fit': fit,
'el-table--striped': stripe, 'el-table--striped': stripe,
'el-table--border': border, 'el-table--border': border,
'el-table--hidden': isHidden,
'el-table--fluid-height': maxHeight, 'el-table--fluid-height': maxHeight,
'el-table--enable-row-hover': !store.states.isComplex, 'el-table--enable-row-hover': !store.states.isComplex,
'el-table--enable-row-transition': (store.states.data || []).length !== 0 && (store.states.data || []).length < 100 'el-table--enable-row-transition': (store.states.data || []).length !== 0 && (store.states.data || []).length < 100
@ -291,6 +292,9 @@
} else if (this.shouldUpdateHeight) { } else if (this.shouldUpdateHeight) {
this.layout.updateHeight(); this.layout.updateHeight();
} }
if (this.$el) {
this.isHidden = this.$el.clientWidth === 0;
}
}); });
} }
}, },
@ -451,6 +455,7 @@
return { return {
store, store,
layout, layout,
isHidden: false,
renderExpanded: null, renderExpanded: null,
resizeProxyVisible: false resizeProxyVisible: false
}; };

4
packages/theme-default/src/table.css
View File

@ -146,6 +146,10 @@
} }
} }
@modifier hidden {
visibility: hidden;
}
& th { & th {
background-color: var(--table-header-background); background-color: var(--table-header-background);
text-align: left; text-align: left;