将表导出为PDF时,表行不会进行分页。我试图在每个表格行上使用以下内容进行分页:
<tr style='page-break-inside:avoid;'>
表行中断如下(导出到PDF - 在浏览器中查看):
我想要排桌&#39; Vrsta blaga / storitve&#39;保持紧凑。因此,单元格不会显示在不可打印的区域中,如上图所示。这可能吗?我应该使用什么造型?这是我的代码:
<style>#tblArticles{font-size: 12px !important; font-family: verdana, sans-serif; border-collapse: collapse; width: 100%;}
#tblArticles td{border: 1px solid black;text-align: center;padding: 8px;}
#tblArticles th {border: 1px solid black;text-align: center;padding: 8px;background-color: #dddddd;}
</style>
<style>#tblLeft{position:absolute;left:0; font-size: 10px !important; font-family: verdana, sans-serif;border-collapse:collapse; width:40%;}
#tblLeft td{font-size: 10px !important; border: 1px solid black;text-align: center;padding: 8px;}
#tblLeft th {font-size: 10px !important; border: 1px solid black;text-align: center;padding: 8px;background-color: #dddddd;}</style>
<style>#tblRight{position:absolute;right:0; font-size: 10px !important; font-family: verdana, sans-serif;border-collapse:collapse; width:20%;}
#tblRight td{font-size: 10px !important; text-align: center;padding: 8px;}</style>
<table id='tblArticles'>
<thead>
<th>Vrsta blaga/storitve</th>
<th>Interna številka</th>
<th>Prodana koda</th>
<th>Količina</th>
<th>EnM</th>
<th>Cena brez DDV</th>
<th>Vrednost brez DDV</th>
<th>DDV</th>
<th>Znesek DDV</th>
<th>Vrednost z DDV</th>
</thead>
<tfoot>
<tr style='visibility:hidden;'><td></td></tr>
<tr style='visibility:hidden;'><td></td></tr>
<tr style='visibility:hidden;'><td></td></tr>
</tfoot>
<tbody style='page-break-inside:avoid;'>
<tr style='page-break-inside:avoid;'>
<td rowspan='2'><label>Mali kuharski mojster</label></td>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/VFdNNE5TIE1L.jpg><br/>
<label>VFdNNE5TIE1L</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
<td style='overflow: hidden; white-space: nowrap;' rowspan='2'>2,00</td>
<td style='overflow: hidden; white-space: nowrap;' rowspan='2'>KOM</td>
<td style='overflow: hidden; white-space: nowrap;' rowspan='2'>32,21 €</td>
<td style='overflow: hidden; white-space: nowrap;' rowspan='2'>64,42 €</td>
<td style='overflow: hidden; white-space: nowrap;' rowspan='2'>22,00 %</td>
<td style='overflow: hidden; white-space: nowrap;' rowspan='2'>14,17 €</td>
<td style='overflow: hidden; white-space: nowrap;' rowspan='2'>78,59 €</td>
</tr>
<tr style='page-break-inside:avoid;'>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/VjJUOEVaIE1L.jpg><br/>
<label>VjJUOEVaIE1L</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr style='page-break-inside:avoid;'>
<td rowspan='12'><label>Veliki kuharski mojster</label></td>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/NFA1SFFKVks=.jpg><br/>
<label>NFA1SFFKVks=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
<td style='overflow: hidden; white-space: nowrap;' rowspan='12'>12,00</td>
<td style='overflow: hidden; white-space: nowrap;' rowspan='12'>KOM</td>
<td style='overflow: hidden; white-space: nowrap;' rowspan='12'>65,69 €</td>
<td style='overflow: hidden; white-space: nowrap;' rowspan='12'>788,28 €</td>
<td style='overflow: hidden; white-space: nowrap;' rowspan='12'>22,00 %</td>
<td style='overflow: hidden; white-space: nowrap;' rowspan='12'>173,42 €</td>
<td style='overflow: hidden; white-space: nowrap;' rowspan='12'>961,70 €</td>
</tr>
<tr style='page-break-inside:avoid;'>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/RzZHOFo1Vks=.jpg><br/>
<label>RzZHOFo1Vks=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr style='page-break-inside:avoid;'>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/VUhHOVVZVks=.jpg><br/>
<label>VUhHOVVZVks=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr style='page-break-inside:avoid;'>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/VThWUTdLVks=.jpg><br/>
<label>VThWUTdLVks=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr style='page-break-inside:avoid;'>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/R05YQlNDVks=.jpg><br/>
<label>R05YQlNDVks=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr style='page-break-inside:avoid;'>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/OVQyU1c3Vks=.jpg><br/>
<label>OVQyU1c3Vks=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr style='page-break-inside:avoid;'>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/TTlHUkVOVks=.jpg><br/>
<label>TTlHUkVOVks=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr style='page-break-inside:avoid;'>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/OUtSNUQ2Vks=.jpg><br/>
<label>OUtSNUQ2Vks=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr style='page-break-inside:avoid;'>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/OENQMkNaVks=.jpg><br/>
<label>OENQMkNaVks=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr style='page-break-inside:avoid;'>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/Q1o2Qjc3Vks=.jpg><br/>
<label>Q1o2Qjc3Vks=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr style='page-break-inside:avoid;'>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/V0xNOVJBVks=.jpg><br/>
<label>V0xNOVJBVks=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr style='page-break-inside:avoid;'>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/TjRMOVdBVks=.jpg><br/>
<label>TjRMOVdBVks=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr style='page-break-inside:avoid;'>
<td rowspan='2'><label>Večerja na zajli</label></td>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/Rk5SRFdWVlo=.jpg><br/>
<label>Rk5SRFdWVlo=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
<td style='overflow: hidden; white-space: nowrap;' rowspan='2'>2,00</td>
<td style='overflow: hidden; white-space: nowrap;' rowspan='2'>KOM</td>
<td style='overflow: hidden; white-space: nowrap;' rowspan='2'>91,56 €</td>
<td style='overflow: hidden; white-space: nowrap;' rowspan='2'>183,12 €</td>
<td style='overflow: hidden; white-space: nowrap;' rowspan='2'>22,00 %</td>
<td style='overflow: hidden; white-space: nowrap;' rowspan='2'>40,29 €</td>
<td style='overflow: hidden; white-space: nowrap;' rowspan='2'>223,41 €</td>
</tr>
<tr style='page-break-inside:avoid;'>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/OEI4V0FSVlo=.jpg><br/>
<label>OEI4V0FSVlo=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr style='page-break-inside:avoid;'>
<td rowspan='10'><label>Za moške, ki mislijo da kosilo pade z neba</label></td>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/VVpETFhUWk0=.jpg><br/>
<label>VVpETFhUWk0=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
<td style='overflow: hidden; white-space: nowrap;' rowspan='10'>10,00</td>
<td style='overflow: hidden; white-space: nowrap;' rowspan='10'>KOM</td>
<td style='overflow: hidden; white-space: nowrap;' rowspan='10'>32,34 €</td>
<td style='overflow: hidden; white-space: nowrap;' rowspan='10'>323,40 €</td>
<td style='overflow: hidden; white-space: nowrap;' rowspan='10'>22,00 %</td>
<td style='overflow: hidden; white-space: nowrap;' rowspan='10'>71,15 €</td>
<td style='overflow: hidden; white-space: nowrap;' rowspan='10'>394,55 €</td>
</tr>
<tr style='page-break-inside:avoid;'>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/OUJXREo5Wk0=.jpg><br/>
<label>OUJXREo5Wk0=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr style='page-break-inside:avoid;'>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/TlA4OVU1Wk0=.jpg><br/>
<label>TlA4OVU1Wk0=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr style='page-break-inside:avoid;'>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/NlRTOFRQWk0=.jpg><br/>
<label>NlRTOFRQWk0=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr style='page-break-inside:avoid;'>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/VVRQVTRSWk0=.jpg><br/>
<label>VVRQVTRSWk0=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr style='page-break-inside:avoid;'>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/WEEzUzZCWk0=.jpg><br/>
<label>WEEzUzZCWk0=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr style='page-break-inside:avoid;'>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/TVZWUkVNWk0=.jpg><br/>
<label>TVZWUkVNWk0=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr style='page-break-inside:avoid;'>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/RDlGVTVOWk0=.jpg><br/>
<label>RDlGVTVOWk0=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr style='page-break-inside:avoid;'>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/TFBBR1pTWk0=.jpg><br/>
<label>TFBBR1pTWk0=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr style='page-break-inside:avoid;'>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/QkVYQ1ZKWk0=.jpg><br/>
<label>QkVYQ1ZKWk0=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
</tbody>
</table><br/>
<div style='page-break-inside:avoid;margin-bottom: 30px;'>
<label style='position:relative;left:0;font-size:12px;'>Specifikacija obračunanega davka, dokumenta št.:</label><br/>
<div id='divBottom' style='position:relative;width:100%;min-height:160px;'>
<table id='tblLeft'>
<th>Stopnja</th><th>Osnova za DDV</th><th>Znesek DDV</th><th>Vrednost z DDV</th>
<tr>
<td>9,5 %</td><td>0,00 €</td><td>0,00 €</td><td>0,00 €</td>
</tr><tr>
<td>22 %</td><td>1359,22 €</td><td>299,03 €</td><td>1658,25 €</td>
</tr>
</table>
<table id='tblRight'>
<tr style='border-bottom:1px solid black !important;'>
<td style='text-align:left;'><b>Skupaj brez DDV:</b></td><td style='text-align:right;'>1359,22 €</td>
</tr>
<tr>
<td style='text-align:left;'><b>Osnova za DDV</b></td><td style='text-align:right;'>1359,22 €</td>
</tr>
<tr style='border-bottom:1px solid black !important;'>
<td style='text-align:left;'><b>DDV:</b></td><td style='text-align:right;'>299,03 €</td>
</tr>
</table>
<label style='position:absolute;right:80px;bottom:20px;'><b>SKUPAJ:</b></label>
<label style='position:absolute;right:0;bottom:20px;'><b>1658,25 €</b></label>
</div></div><br/><br/><br/>
&#13;
答案 0 :(得分:3)
page-break-inside
表格应如下所示适用于page-break-inside
<tr style='page-break-inside:avoid;'>
<td ><label>Mali kuharski mojster</label></td>
<td class="td">
<table >
<tbody>
<tr>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/VFdNNE5TIE1L.jpg><br/>
<label>VFdNNE5TIE1L</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/VjJUOEVaIE1L.jpg><br/>
<label>VjJUOEVaIE1L</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
</tbody>
</table>
</td>
<td style='overflow: hidden; white-space: nowrap;' >2,00</td>
<td style='overflow: hidden; white-space: nowrap;' >KOM</td>
<td style='overflow: hidden; white-space: nowrap;' >32,21 €</td>
<td style='overflow: hidden; white-space: nowrap;' >64,42 €</td>
<td style='overflow: hidden; white-space: nowrap;' >22,00 %</td>
<td style='overflow: hidden; white-space: nowrap;' >14,17 €</td>
<td style='overflow: hidden; white-space: nowrap;' >78,59 €</td>
而不是
<tr style='page-break-inside:avoid;'>
<td rowspan='2'><label>Mali kuharski mojster</label></td>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/VFdNNE5TIE1L.jpg><br/>
<label>VFdNNE5TIE1L</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
<td style='overflow: hidden; white-space: nowrap;' rowspan='2'>2,00</td>
<td style='overflow: hidden; white-space: nowrap;' rowspan='2'>KOM</td>
<td style='overflow: hidden; white-space: nowrap;' rowspan='2'>32,21 €</td>
<td style='overflow: hidden; white-space: nowrap;' rowspan='2'>64,42 €</td>
<td style='overflow: hidden; white-space: nowrap;' rowspan='2'>22,00 %</td>
<td style='overflow: hidden; white-space: nowrap;' rowspan='2'>14,17 €</td>
<td style='overflow: hidden; white-space: nowrap;' rowspan='2'>78,59 €</td>
</tr>
<tr style='page-break-inside:avoid;'>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/VjJUOEVaIE1L.jpg><br/>
<label>VjJUOEVaIE1L</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
重组整个html
<style>#tblArticles{font-size: 12px !important; font-family: verdana, sans-serif; border-collapse: collapse; width: 100%;}
#tblArticles td{border: 1px solid black;text-align: center;padding: 8px;}
#tblArticles th {border: 1px solid black;text-align: center;padding: 8px;background-color: #dddddd;}
</style>
<style>#tblLeft{position:absolute;left:0; font-size: 10px !important; font-family: verdana, sans-serif;border-collapse:collapse; width:40%;}
#tblLeft td{font-size: 10px !important; border: 1px solid black;text-align: center;padding: 8px;}
#tblLeft th {font-size: 10px !important; border: 1px solid black;text-align: center;padding: 8px;background-color: #dddddd;}
</style>
<style>#tblRight{position:absolute;right:0; font-size: 10px !important; font-family: verdana, sans-serif;border-collapse:collapse; width:20%;}
#tblRight td{font-size: 10px !important; text-align: center;padding: 8px;}
</style>
<style>
#tblArticles td.td{
padding: 0px;
}
#tblArticles td.td table {
width: 100%;
}
#tblArticles td.td table td{
border: 0px;
border-bottom: 1px solid black;
}
#tblArticles td.td table tr:last-child td{
border-bottom: 0px;
border-top: 0px;
}
#tblArticles th.th {
padding: 0px;
}
#tblArticles th.th table {
padding: 0px;
width: 100%;
}
#tblArticles th.th table th{
border: 0px;
}
#tblArticles th.th table th:first-child{
width: 70%;
border-right: 1px solid black;
}
#tblArticles td.td table tr td:first-child{
width: 70%;
border-right: 1px solid black;
}
</style>
<table id='tblArticles'>
<thead>
<th>Vrsta blaga/storitve</th>
<th class="th"><table><thead><th>Interna številka</th><th>Prodana koda</th></thead></table></th>
<th>Količina</th>
<th>EnM</th>
<th>Cena brez DDV</th>
<th>Vrednost brez DDV</th>
<th>DDV</th>
<th>Znesek DDV</th>
<th>Vrednost z DDV</th>
</thead>
<tfoot>
<tr style='visibility:hidden;'>
<td></td>
</tr>
<tr style='visibility:hidden;'>
<td></td>
</tr>
<tr style='visibility:hidden;'>
<td></td>
</tr>
</tfoot>
<tbody style='page-break-inside:avoid;'>
<tr style='page-break-inside:avoid;'>
<td ><label>Mali kuharski mojster</label></td>
<td class="td">
<table >
<tbody>
<tr>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/VFdNNE5TIE1L.jpg><br/>
<label>VFdNNE5TIE1L</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/VjJUOEVaIE1L.jpg><br/>
<label>VjJUOEVaIE1L</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
</tbody>
</table>
</td>
<td style='overflow: hidden; white-space: nowrap;' >2,00</td>
<td style='overflow: hidden; white-space: nowrap;' >KOM</td>
<td style='overflow: hidden; white-space: nowrap;' >32,21 €</td>
<td style='overflow: hidden; white-space: nowrap;' >64,42 €</td>
<td style='overflow: hidden; white-space: nowrap;' >22,00 %</td>
<td style='overflow: hidden; white-space: nowrap;' >14,17 €</td>
<td style='overflow: hidden; white-space: nowrap;' >78,59 €</td>
</tr>
<tr style='page-break-inside:avoid;'>
<td ><label>Veliki kuharski mojster</label></td>
<td class="td">
<table >
<tbody>
<tr>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/NFA1SFFKVks=.jpg><br/>
<label>NFA1SFFKVks=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/RzZHOFo1Vks=.jpg><br/>
<label>RzZHOFo1Vks=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/VUhHOVVZVks=.jpg><br/>
<label>VUhHOVVZVks=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr >
<td>
<img src=http://localhost:53358/resources/Images/EAN128/VThWUTdLVks=.jpg><br/>
<label>VThWUTdLVks=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/VThWUTdLVks=.jpg><br/>
<label>VThWUTdLVks=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/R05YQlNDVks=.jpg><br/>
<label>R05YQlNDVks=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/OVQyU1c3Vks=.jpg><br/>
<label>OVQyU1c3Vks=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr style='page-break-inside:avoid;'>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/TTlHUkVOVks=.jpg><br/>
<label>TTlHUkVOVks=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr style='page-break-inside:avoid;'>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/OUtSNUQ2Vks=.jpg><br/>
<label>OUtSNUQ2Vks=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr style='page-break-inside:avoid;'>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/OENQMkNaVks=.jpg><br/>
<label>OENQMkNaVks=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr style='page-break-inside:avoid;'>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/Q1o2Qjc3Vks=.jpg><br/>
<label>Q1o2Qjc3Vks=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr style='page-break-inside:avoid;'>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/V0xNOVJBVks=.jpg><br/>
<label>V0xNOVJBVks=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr style='page-break-inside:avoid;'>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/TjRMOVdBVks=.jpg><br/>
<label>TjRMOVdBVks=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
</tbody>
</table>
</td>
<td style='overflow: hidden; white-space: nowrap;' >12,00</td>
<td style='overflow: hidden; white-space: nowrap;' >KOM</td>
<td style='overflow: hidden; white-space: nowrap;' >65,69 €</td>
<td style='overflow: hidden; white-space: nowrap;' >788,28 €</td>
<td style='overflow: hidden; white-space: nowrap;' >22,00 %</td>
<td style='overflow: hidden; white-space: nowrap;' >173,42 €</td>
<td style='overflow: hidden; white-space: nowrap;' >961,70 €</td>
</tr>
<tr style='page-break-inside:avoid;'>
<td ><label>Večerja na zajli</label></td>
<td class="td">
<table >
<tbody>
<tr>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/Rk5SRFdWVlo=.jpg><br/>
<label>Rk5SRFdWVlo=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/OEI4V0FSVlo=.jpg><br/>
<label>OEI4V0FSVlo=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
</tbody>
</table>
</td>
<td style='overflow: hidden; white-space: nowrap;' >2,00</td>
<td style='overflow: hidden; white-space: nowrap;' >KOM</td>
<td style='overflow: hidden; white-space: nowrap;' >91,56 €</td>
<td style='overflow: hidden; white-space: nowrap;' >183,12 €</td>
<td style='overflow: hidden; white-space: nowrap;' >22,00 %</td>
<td style='overflow: hidden; white-space: nowrap;' >40,29 €</td>
<td style='overflow: hidden; white-space: nowrap;' >223,41 €</td>
</tr>
<tr style='page-break-inside:avoid;'>
<td ><label>Za moške, ki mislijo da kosilo pade z neba</label></td>
<td class="td">
<table >
<tbody>
<tr>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/VVpETFhUWk0=.jpg><br/>
<label>VVpETFhUWk0=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/OUJXREo5Wk0=.jpg><br/>
<label>OUJXREo5Wk0=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/TlA4OVU1Wk0=.jpg><br/>
<label>TlA4OVU1Wk0=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/TlA4OVU1Wk0=.jpg><br/>
<label>TlA4OVU1Wk0=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/NlRTOFRQWk0=.jpg><br/>
<label>NlRTOFRQWk0=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/VVRQVTRSWk0=.jpg><br/>
<label>VVRQVTRSWk0=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/WEEzUzZCWk0=.jpg><br/>
<label>WEEzUzZCWk0=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/TVZWUkVNWk0=.jpg><br/>
<label>TVZWUkVNWk0=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/RDlGVTVOWk0=.jpg><br/>
<label>RDlGVTVOWk0=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/TFBBR1pTWk0=.jpg><br/>
<label>TFBBR1pTWk0=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr>
<td>
<img src=http://localhost:53358/resources/Images/EAN128/QkVYQ1ZKWk0=.jpg><br/>
<label>QkVYQ1ZKWk0=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
</tbody>
</table>
</td>
<td style='overflow: hidden; white-space: nowrap;' >10,00</td>
<td style='overflow: hidden; white-space: nowrap;' >KOM</td>
<td style='overflow: hidden; white-space: nowrap;' >32,34 €</td>
<td style='overflow: hidden; white-space: nowrap;' >323,40 €</td>
<td style='overflow: hidden; white-space: nowrap;' >22,00 %</td>
<td style='overflow: hidden; white-space: nowrap;' >71,15 €</td>
<td style='overflow: hidden; white-space: nowrap;' >394,55 €</td>
</tr>
</tbody>
</table>
<br/>
<div style='page-break-inside:avoid;margin-bottom: 30px;'>
<label style='position:relative;left:0;font-size:12px;'>Specifikacija obračunanega davka, dokumenta št.:</label><br/>
<div id='divBottom' style='position:relative;width:100%;min-height:160px;'>
<table id='tblLeft'>
<th>Stopnja</th>
<th>Osnova za DDV</th>
<th>Znesek DDV</th>
<th>Vrednost z DDV</th>
<tr>
<td>9,5 %</td>
<td>0,00 €</td>
<td>0,00 €</td>
<td>0,00 €</td>
</tr>
<tr>
<td>22 %</td>
<td>1359,22 €</td>
<td>299,03 €</td>
<td>1658,25 €</td>
</tr>
</table>
<table id='tblRight'>
<tr style='border-bottom:1px solid black !important;'>
<td style='text-align:left;'><b>Skupaj brez DDV:</b></td>
<td style='text-align:right;'>1359,22 €</td>
</tr>
<tr>
<td style='text-align:left;'><b>Osnova za DDV</b></td>
<td style='text-align:right;'>1359,22 €</td>
</tr>
<tr style='border-bottom:1px solid black !important;'>
<td style='text-align:left;'><b>DDV:</b></td>
<td style='text-align:right;'>299,03 €</td>
</tr>
</table>
<label style='position:absolute;right:80px;bottom:20px;'><b>SKUPAJ:</b></label>
<label style='position:absolute;right:0;bottom:20px;'><b>1658,25 €</b></label>
</div>
</div>
<br/><br/><br/>
这不是完整的解决方案,它给你一个想法,还有css问题
答案 1 :(得分:1)
page-break-inside:avoid;
没有任何问题,但这种错误源于视觉思维!
我们认为在使用rowspan
时,表结构中只有一行,而不是真的。行架构保持原样,只隐藏。这就是为什么你认为它在打印时会破坏内部的原因,而事实是page-break-inside:avoid;
工作得很好而且工作正常。只隐藏了一些边框。
即使您可以在新设计中继续page-break-inside:avoid;
,但最好通过在行[page-break-before
]之前/之后断开来强制分离。
因此,请将您的表格设计从rowspan
方法更改为inner/nested tables
,然后删除所有内联page-break
规则&amp;只需在<style>...</style>
:
#tblArticles tr{
page-break-before: always;
}
#tblArticles{
font-size: 12px !important;
font-family: verdana, sans-serif;
border-collapse: collapse;
width: 100%;
}
#tblArticles tr{
page-break-before: always;
}
#tblArticles td{
border: 1px solid black;
text-align: center;
/*padding: 8px;*/
padding: 0;
margin: 0;
}
#tblArticles table.inner{
width: 100%;
margin: 0;
}
#tblArticles table.inner td{
padding: 0;
width: 50%;
margin: 0;
padding: 0;
border: 0;
}
#tblArticles table.inner tr td{
border-bottom: 1px solid black;
}
#tblArticles table.inner tr:last-child td{
border-bottom: none;
}
#tblArticles th {
border: 1px solid black;
text-align: center;
padding: 8px;
background-color: #dddddd;
}
#tblLeft{
position:absolute;
left:0;
font-size: 10px !important;
font-family: verdana, sans-serif;
border-collapse:collapse;
width:40%;
}
#tblLeft td{
font-size: 10px !important;
border: 1px solid black;
text-align: center;
padding: 8px;
}
#tblLeft th {
font-size: 10px !important;
border: 1px solid black;
text-align: center;
padding: 8px;
background-color: #dddddd;
}
#tblRight{
position:absolute;
right:0;
font-size: 10px !important;
font-family: verdana, sans-serif;
border-collapse:collapse;
width:20%;
}
#tblRight td{
font-size: 10px !important;
text-align: center;
padding: 8px;
}
&#13;
<table id='tblArticles'>
<thead>
<tr>
<th>Vrsta blaga/storitve</th>
<th>Interna številka</th>
<th>Prodana koda</th>
<th>Količina</th>
<th>EnM</th>
<th>Cena brez DDV</th>
<th>Vrednost brez DDV</th>
<th>DDV</th>
<th>Znesek DDV</th>
<th>Vrednost z DDV</th>
</tr>
</thead>
<tfoot>
<tr style='visibility:hidden;'><td></td></tr>
<tr style='visibility:hidden;'><td></td></tr>
<tr style='visibility:hidden;'><td></td></tr>
<tr style='visibility:hidden;'><td></td></tr>
<tr style='visibility:hidden;'><td></td></tr>
<tr style='visibility:hidden;'><td></td></tr>
<tr style='visibility:hidden;'><td></td></tr>
<tr style='visibility:hidden;'><td></td></tr>
<tr style='visibility:hidden;'><td></td></tr>
<tr style='visibility:hidden;'><td></td></tr>
</tfoot>
<tbody>
<tr>
<td><label>Mali kuharski mojster</label></td>
<td colspan="2">
<table class="inner">
<tr>
<td>
<img src="http://localhost:53358/resources/Images/EAN128/VFdNNE5TIE1L.jpg" /><br/>
<label>VFdNNE5TIE1L</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr>
<td>
<img src="http://localhost:53358/resources/Images/EAN128/VjJUOEVaIE1L.jpg" /><br/>
<label>VjJUOEVaIE1L</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
</table>
</td>
<td style='overflow: hidden; white-space: nowrap;'>2,00</td>
<td style='overflow: hidden; white-space: nowrap;'>KOM</td>
<td style='overflow: hidden; white-space: nowrap;'>32,21 €</td>
<td style='overflow: hidden; white-space: nowrap;'>64,42 €</td>
<td style='overflow: hidden; white-space: nowrap;'>22,00 %</td>
<td style='overflow: hidden; white-space: nowrap;'>14,17 €</td>
<td style='overflow: hidden; white-space: nowrap;'>78,59 €</td>
</tr>
<tr>
<td><label>Veliki kuharski mojster</label></td>
<td colspan="2">
<table class="inner">
<tr>
<td>
<img src="http://localhost:53358/resources/Images/EAN128/NFA1SFFKVks=.jpg" /><br/>
<label>NFA1SFFKVks=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr>
<td>
<img src="http://localhost:53358/resources/Images/EAN128/RzZHOFo1Vks=.jpg" /><br/>
<label>RzZHOFo1Vks=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr>
<td>
<img src="http://localhost:53358/resources/Images/EAN128/VUhHOVVZVks=.jpg" /><br/>
<label>VUhHOVVZVks=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr>
<td>
<img src="http://localhost:53358/resources/Images/EAN128/VThWUTdLVks=.jpg" /><br/>
<label>VThWUTdLVks=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr>
<td>
<img src="http://localhost:53358/resources/Images/EAN128/R05YQlNDVks=.jpg" /><br/>
<label>R05YQlNDVks=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr>
<td>
<img src="http://localhost:53358/resources/Images/EAN128/OVQyU1c3Vks=.jpg" /><br/>
<label>OVQyU1c3Vks=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr>
<td>
<img src="http://localhost:53358/resources/Images/EAN128/TTlHUkVOVks=.jpg" /><br/>
<label>TTlHUkVOVks=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr>
<td>
<img src="http://localhost:53358/resources/Images/EAN128/OUtSNUQ2Vks=.jpg" /><br/>
<label>OUtSNUQ2Vks=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr>
<td>
<img src="http://localhost:53358/resources/Images/EAN128/OENQMkNaVks=.jpg" /><br/>
<label>OENQMkNaVks=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr>
<td>
<img src="http://localhost:53358/resources/Images/EAN128/Q1o2Qjc3Vks=.jpg" /><br/>
<label>Q1o2Qjc3Vks=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr>
<td>
<img src="http://localhost:53358/resources/Images/EAN128/V0xNOVJBVks=.jpg" /><br/>
<label>V0xNOVJBVks=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr>
<td>
<img src="http://localhost:53358/resources/Images/EAN128/TjRMOVdBVks=.jpg" /><br/>
<label>TjRMOVdBVks=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
</table>
</td>
<td style='overflow: hidden; white-space: nowrap;'>12,00</td>
<td style='overflow: hidden; white-space: nowrap;'>KOM</td>
<td style='overflow: hidden; white-space: nowrap;'>65,69 €</td>
<td style='overflow: hidden; white-space: nowrap;'>788,28 €</td>
<td style='overflow: hidden; white-space: nowrap;'>22,00 %</td>
<td style='overflow: hidden; white-space: nowrap;'>173,42 €</td>
<td style='overflow: hidden; white-space: nowrap;'>961,70 €</td>
</tr>
<tr>
<td><label>Večerja na zajli</label></td>
<td colspan="2">
<table class="inner">
<tr>
<td>
<img src="http://localhost:53358/resources/Images/EAN128/Rk5SRFdWVlo=.jpg" /><br/>
<label>Rk5SRFdWVlo=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr>
<td>
<img src="http://localhost:53358/resources/Images/EAN128/OEI4V0FSVlo=.jpg" /><br/>
<label>OEI4V0FSVlo=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
</table>
</td>
<td style='overflow: hidden; white-space: nowrap;'>2,00</td>
<td style='overflow: hidden; white-space: nowrap;'>KOM</td>
<td style='overflow: hidden; white-space: nowrap;'>91,56 €</td>
<td style='overflow: hidden; white-space: nowrap;'>183,12 €</td>
<td style='overflow: hidden; white-space: nowrap;'>22,00 %</td>
<td style='overflow: hidden; white-space: nowrap;'>40,29 €</td>
<td style='overflow: hidden; white-space: nowrap;'>223,41 €</td>
</tr>
<tr>
<td><label>Za moške, ki mislijo da kosilo pade z neba</label></td>
<td colspan="2">
<table class="inner">
<tr>
<td>
<img src="http://localhost:53358/resources/Images/EAN128/VVpETFhUWk0=.jpg" /><br/>
<label>VVpETFhUWk0=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr>
<td>
<img src="http://localhost:53358/resources/Images/EAN128/OUJXREo5Wk0=.jpg" /><br/>
<label>OUJXREo5Wk0=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr>
<td>
<img src="http://localhost:53358/resources/Images/EAN128/TlA4OVU1Wk0=.jpg" /><br/>
<label>TlA4OVU1Wk0=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr>
<td>
<img src="http://localhost:53358/resources/Images/EAN128/NlRTOFRQWk0=.jpg" /><br/>
<label>NlRTOFRQWk0=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr>
<td>
<img src="http://localhost:53358/resources/Images/EAN128/VVRQVTRSWk0=.jpg" /><br/>
<label>VVRQVTRSWk0=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr>
<td>
<img src="http://localhost:53358/resources/Images/EAN128/WEEzUzZCWk0=.jpg" /><br/>
<label>WEEzUzZCWk0=</label>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr>
<td>
<img src="http://localhost:53358/resources/Images/EAN128/TVZWUkVNWk0=.jpg" /><br/>
<label>TVZWUkVNWk0=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr>
<td>
<img src="http://localhost:53358/resources/Images/EAN128/RDlGVTVOWk0=.jpg" /><br/>
<label>RDlGVTVOWk0=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr>
<td>
<img src="http://localhost:53358/resources/Images/EAN128/TFBBR1pTWk0=.jpg" /><br/>
<label>TFBBR1pTWk0=</label><br/>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
<tr>
<td>
<img src="http://localhost:53358/resources/Images/EAN128/QkVYQ1ZKWk0=.jpg" /><br/>
<label>QkVYQ1ZKWk0=</label>
</td>
<td><input type='checkbox'><br/><label></label><br/></td>
</tr>
</table>
</td>
<td style='overflow: hidden; white-space: nowrap;'>10,00</td>
<td style='overflow: hidden; white-space: nowrap;'>KOM</td>
<td style='overflow: hidden; white-space: nowrap;'>32,34 €</td>
<td style='overflow: hidden; white-space: nowrap;'>323,40 €</td>
<td style='overflow: hidden; white-space: nowrap;'>22,00 %</td>
<td style='overflow: hidden; white-space: nowrap;'>71,15 €</td>
<td style='overflow: hidden; white-space: nowrap;'>394,55 €</td>
</tr>
</tbody>
</table>
<br/>
<div style='page-break-inside:avoid;margin-bottom: 30px;'>
<label style='position:relative;left:0;font-size:12px;'>Specifikacija obračunanega davka, dokumenta št.:</label><br/>
<div id='divBottom' style='position:relative;width:100%;min-height:160px;'>
<table id='tblLeft'>
<th>Stopnja</th><th>Osnova za DDV</th><th>Znesek DDV</th><th>Vrednost z DDV</th>
<tr>
<td>9,5 %</td><td>0,00 €</td><td>0,00 €</td><td>0,00 €</td>
</tr><tr>
<td>22 %</td><td>1359,22 €</td><td>299,03 €</td><td>1658,25 €</td>
</tr>
</table>
<table id='tblRight'>
<tr style='border-bottom:1px solid black !important;'>
<td style='text-align:left;'><b>Skupaj brez DDV:</b></td><td style='text-align:right;'>1359,22 €</td>
</tr>
<tr>
<td style='text-align:left;'><b>Osnova za DDV</b></td><td style='text-align:right;'>1359,22 €</td>
</tr>
<tr style='border-bottom:1px solid black !important;'>
<td style='text-align:left;'><b>DDV:</b></td><td style='text-align:right;'>299,03 €</td>
</tr>
</table>
<label style='position:absolute;right:80px;bottom:20px;'><b>SKUPAJ:</b></label>
<label style='position:absolute;right:0;bottom:20px;'><b>1658,25 €</b></label>
</div></div>
&#13;