提交 d8c15d49 编写于 作者: RedPig97's avatar RedPig97

update:表格高度自适应

上级 ef26c71a
...@@ -31,6 +31,7 @@ ${ctrl.render.code} ...@@ -31,6 +31,7 @@ ${ctrl.render.code}
row-key="groupById" row-key="groupById"
</#if> </#if>
max-height="100%" max-height="100%"
:header-row-style="{'height': '50px'}"
@row-click="rowClick($event)" @row-click="rowClick($event)"
@cell-click="cellClick" @cell-click="cellClick"
@select-all="selectAll($event)" @select-all="selectAll($event)"
...@@ -920,25 +921,6 @@ ${gridColumn.getName()} ...@@ -920,25 +921,6 @@ ${gridColumn.getName()}
* @memberof ${srfclassname('${ctrl.codeName}')}Base * @memberof ${srfclassname('${ctrl.codeName}')}Base
*/ */
public resetGridLayout() { public resetGridLayout() {
const grid = (this.$refs.multipleTable as any).$el;
if (!grid) {
return;
}
const headerHeight = grid.querySelector('.el-table__header-wrapper').scrollHeight || null;
// 头部高度为60时不作处理(默认已适配60px)
if (headerHeight == 60) {
return;
}
// 设置内容区高度
const body = grid.querySelector('.el-table__body-wrapper');
if (headerHeight && body) {
<#noparse>body.style.setProperty('height', `calc(100% - ${headerHeight}px)`);</#noparse>
}
// 设置固定列内容区高度
const fixBody = grid.querySelector('.el-table__fixed-right .el-table__fixed-body-wrapper');
if (headerHeight && fixBody) {
<#noparse>fixBody.style.setProperty('height', `calc(100% - ${headerHeight}px)`);</#noparse>
}
} }
/** /**
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册