导出为 PDF 时表格行没有分页符

2024-01-05

将表格导出为 PDF 时，表格行不会分页。我尝试使用以下方法在每个表行上进行分页：

<tr style='page-break-inside:avoid;'>

表格行中断如下（导出为 PDF - 在浏览器内查看）：

我希望表行“Vrsta blaga/storitve”保持紧凑。因此，单元格不会显示在不可打印区域中，如上图所示。这可能吗？我应该使用什么样式？这是我的代码：

<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/>

没有什么问题page-break-inside:avoid;，但是这个bug来自于视觉思维！

我们在使用时认为rowspan表的结构中只有一行，但事实并非如此。行架构保持原样，只是隐藏。这就是为什么你认为它在打印时会破裂，而事实是page-break-inside:avoid;工作正常，只有一些边框被隐藏。

即使您可以继续page-break-inside:avoid;在新设计中，但最好通过在行前/行后打断来强制分离[page-break-before].

所以，改变你的桌子设计rowspan方法论，以inner/nested tables，然后删除所有内联page-break规则&只需将其添加到<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;
            }

        <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>

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

html

css

pdf

导出为 PDF 时表格行没有分页符的相关文章

如何为 HTML 元素创建鼠标拖动滑块？

我发现的许多滑块插件要么仅单击以查看下一个图像要么如果它们确实具有鼠标拖动或触摸拖动功能则仅允许图像有谁知道为任何 html 元素编写鼠标拖动滑块的插件或可能的方法我专门使用 SVG 但将来如果能在 div 元素之间滑动就更好了 H
如何在 PHP 的 HTML 页面中显示错误消息？

我有以下登录表单 login php 其中要求输入用户名和密码
引导导航栏菜单与文本重叠

我使用最新版本的引导程序当我调整屏幕浏览器的大小时使用小切换按钮下拉导航栏时导航栏会重叠页面上的文本而不是向下推页面内容我已经多次研究过这个问题我尝试将 padding bottom 放在导航栏上将 padding top 放
为什么我的列表项项目符号与浮动元素重叠

我有一个 XHTML Strict 页面我在其中将图像浮动在常规文本段落旁边一切都很顺利除非使用列表而不是段落列表的项目符号与浮动图像重叠更改列表或列表项的边距没有帮助边距是从页面左侧开始计算的但浮动会将列表项推到右侧insi
jQuery：离线后 POST 出错（iOS 和 Chrome）

我构建了一个具有离线功能的 HTML5 Web 应用程序使用 AppCache 程序流程为 Online 在网络上时应用程序预加载一些基本信息工作 Offline 用户拿着装有应用程序的平板电脑offline 然后在应用程序上执行他们
Safari 中的 css3 边框半径动画过渡不起作用

尝试在 Safari 中对图像的边框半径进行 css3 轻松过渡它只是有点闪烁进入悬停状态而不是平滑过渡任何帮助深表感谢我的代码如下 CSS all a hover img webkit border radius 50 moz b
html 选择列表 - 通过传入变量获取文本值？

我有一个显示列表语言的选择列表
自定义rc-time-picker的样式

我在用rc time picker我的项目的包但我在自定义样式时遇到问题pop up of my time picker成分这是我的组件的屏幕截图首先我需要更改时间的背景颜色item在当时li from light grey 在屏幕
如何隐藏div元素中太长的文本？

如何隐藏 div 中的溢出如果文本比 div 长则文本将换行到新行 div style width 50px border 1px solid black test test test test div 也许是 CSS 属性text o
socket.io 的良好初学者教程？ [关闭]

就目前情况而言这个问题不太适合我们的问答形式我们希望答案得到事实参考资料或专业知识的支持但这个问题可能会引发辩论争论民意调查或扩展讨论如果您觉得这个问题可以改进并可能重新开放访问帮助中心 help reopen questi
Angular - CSS - 自定义类型=文件输入，如何使用按钮而不是标签？

我制作了一个类型为 file 的自定义输入字段因为我不喜欢默认的输入字段为了实现这一目标我做了
如何选择具有“A”类但不具有“B”类的 div？

我有一些 div div class A Target div div class A B NotMyTarget div div class A C NotMyTarget div div class A D NotMyTarget di
CSS 类命名约定

在网页上有两个控件块主要和次要大多数人会使用什么类名选择一 div class primary controls div
使用 CSS 使一行 div 高度相同

我有一排必须具有相同高度的 div 但我无法提前知道该高度可能是多少内容来自外部源我最初尝试将 div 放置在封闭的 div 中并将它们向左浮动然后我将它们的高度设置为 100 但这没有明显的效果通过将封闭 div 的高度设置为固定
检查 jQuery 1.7 中是否存在基于文本的选择选项

所以我有以下 HTML 片段
页面上使用 HTML Editor Extender 进行回发会导致 IE11 中出现 JavaScript 错误

我已将 HTML 编辑器扩展程序添加到我正在处理的页面中现在每当我在页面上发回帖子时都会收到以下 Javascript 错误 JavaScript 运行时错误参数无效之后什么也没有发生这在 IE10 或更低版本以及我所知道的所有其
CSS3 信封形状

正如您可能已经猜到的该图像是邮件信封形状的一部分如果可能的话我想使用 CSS3 创建该形状我已经制作了其他部分但这个很棘手该形状需要两侧都有三角形切口和圆角大概是 border radius bottom left borde
在移动设备上滚动

这个问题更多的是一个建议研究我确实希望它对其他人有帮助并且它不会关闭因为我不太确定在哪里寻求有关此事的建议在过去的 6 个月里我一直在进行移动开发我有机会处理各种设备上的各种情况和错误最麻烦的是滚动问题当涉及到在网站的多个区
表格行未扩展到全宽

我有一个表格当我将表格的宽度设置为 100 并将表格行的宽度设置为 100 时没有任何反应或宽度发生变化 Table Normal position relative display block margin 10px auto pad
USB 上的 Autorun.inf 可以让它运行 pdf 吗？

我在网上做了一些研究我想我只是在寻找构象由于 Microsoft 如何在 Vista 及更高版本中对自动运行设置安全性从 USB 自动运行不再起作用正确的看起来它仍然会显示运行 exe 的选项但由于某些奇怪的原因我无法让它运行

随机推荐

Javascript 函数作用域和提升

我刚刚读了一篇很棒的文章JavaScript 作用域和提升作者 Ben Cherry http www adequatelygood com 2010 2 JavaScript Scoping and Hoisting他给出了以下例子 v
jquery根据dob计算年龄

我有一个textfield用户输入出生日期的位置mm dd yyyy格式我想自动填充age根据用户输入的 dob 为用户提供字段 the age textfield当用户按 Tab 键移出 dob 字段时应填充 jQuery 的方法是什么
请解释 Mathematica 中创建热/强度图的代码

Graphics Flatten Table colors dont mind ColorData CMYKColors a r t 000007 0003 0 000007 point size dont mind PointSize 1
Twitter API：允许接受请求以关注经过身份验证的用户

由于显示的内容有年龄限制我有一个受保护的 Twitter 帐户有没有办法使用 Twitter API 接受或拒绝关注此帐户的请求我知道我可以使用查看这些请求 http api twitter com version friendshi
如何使用 DataContractSerializer 创建具有与我的已知类型匹配的标签名称的 xml

我有以下数据合同 CollectionDataContract Name MyStuff public class MyStuff Collection DataContract Name Type1 KnownType typeof Ty
获取列表项中的文本并使用 javascript 修改它

我有一堆 HTML 列表项我想要的是能够读取列表项的文本然后能够让用户能够修改它每个列表项的结构是相同的 li class attachment a href link html TEXT VALUE I WANT TO READ A
如何重新配置 RabbitMQ 在 Windows 上不使用 %appdata%？

如何重新配置 RabbitMQ 不使用 appdata 作为配置文件跟进问题RabbitMQ 更改 Windows Server 上的端口 https stackoverflow com questions 52383334 rabbit
在 C# 中将字符串转换为画笔/画笔颜色名称

我有一个配置文件开发人员可以通过传入字符串来指定文本颜色
无法使用包从命令行运行多类程序

这是我第一次发帖我发现了类似的问题但没有直接与此问题相关的任何内容这听起来很简单但我不太确定为什么会发生这种情况我的程序在 Eclipse 中运行得很好但不能从命令行运行我有几节课简单树包裹 Here s 二叉树 java p
任务“:app:dataBindingGenBaseClassesDebug”执行失败。升级到Android Studio 3.2.1后出错

制作项目后出现错误失败构建失败并出现异常 What went wrong Execution failed for task app dataBindingGenBaseClassesDebug 参数 directory 不是目录这是
如何在 Subversion 下包含/排除某种类型的文件？

我对包含排除术语感到困惑并且我实际的 SVN 客户端似乎没有或者我无法轻松找到它一个简单的选项来添加或删除某种类型的文件以进行版本控制比方说我已经添加了整个 Visual Studio 文件夹及其解决方案项目调试文件等但我
在 Woocommerce 中结账后更改订单总额

在用户单击结帐后我似乎无法找到使用哪个挂钩来更改总数或购物车的任何变量例如用户提交结帐表单然后我需要进行一些检查并相应地更改总数我应该怎么做我应该使用哪个钩子这可以在woocommerce checkout create o
显示包中所有内容的名称

Is there an easy way to list everything in a package from within R For example if I type foreach and hit tab twice I can
未找到类异常 - 在 Kohana 3.1 上制作 Helper

全新安装了 Kohana 3 1 尝试着打造自己的帮手我在 application classes helpers 目录中创建了一个助手我已将文件称为 javascript php 该类称为 Helper Javascript 并且有一
如何为所有按钮添加一个事件监听器

如何向多个按钮添加事件侦听器并根据单击的按钮获取每个按钮的值例如
为 apache commons 快速傅立叶变换算法构建示例数据

我想使用 Apache math commons 实现 FFT 快速傅里叶变换器类来处理一些虚拟数据这些数据的 8 个数据样本构成一个完整的正弦波最大振幅为 230 我尝试的代码片段如下 private double transfor
我应该在什么上下文中使用 AlertDialog.Builder？

谁能解释一下我应该使用 AlertDialog Builder 类的上下文吗我是 Android 应用程序开发的新手坦率地说我不明白何时使用哪个上下文比如说我想为 AlertDialog Builder 类创建一个对象 Alert
隐藏 WinForms TreeView 加号

我有一个 WinForms TreeView 有一个主节点和几个子节点如何隐藏主节点中的加号审查财产 ShowRootLines false When ShowRootLines为 false 时根节点不会显示加号减号但必要时仍
如何以编程方式实现摇动动画？

如何以编程方式在 android 中实现摇动摆动动画有一个AndroidView动画 https github com daimajia AndroidViewAnimations通过这个库我们就可以得到效果了但我不想为此目的使用任何
导出为 PDF 时表格行没有分页符

将表格导出为 PDF 时表格行不会分页我尝试使用以下方法在每个表行上进行分页 tr 表格行中断如下导出为 PDF 在浏览器内查看我希望表行 Vrsta blaga storitve 保持紧凑因此单元格不会显示在不可打印区域中如

导出为 PDF 时表格行没有分页符

导出为 PDF 时表格行没有分页符 的相关文章

随机推荐

热门标签

导出为 PDF 时表格行没有分页符的相关文章