vue3-print-nb打印表格时遇到表格数据过大导致第一页空白问题

754 阅读1分钟
  • 该问题出现原因 因为打印时无法把一个元素分割开得,当一个表格过长时,包裹数据得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>