- 该问题出现原因
因为打印时无法把一个元素分割开得,当一个表格过长时,包裹数据得body会被认为是一个整体,所以不会去分割,导致表格第一页是空白的.
- 解决办法,将每条数据作为一个表格,控制第一个表格显示表头其他不显示,控制最后一个表格显示合计,其他不显示,代码如下
<ETable
:tableData="[item]"
:show-summary="index === form.prodItemDetails?.length - 1"
:summary-method="getSummaries"
:show-overflow-tooltip="false"
:show-header="index === 0"
>
<template v-for="column in infoCols" :key="column.prop">
<el-table-column
:prop="column.prop"
:label="column.label"
:width="column.width"
:min-width="column.minWidth"
:formatter="column.formatter"
></el-table-column>
</template>
</ETable>
</template>