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

前端之家收集整理的这篇文章主要介绍了html – 导出为PDF时表行没有分页符前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
当表导出为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>
</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没有任何问题:避免;但是这个bug来自于视觉思维!

我们认为在使用rowspan时,表结构中只有一行,而不是.行架构保持原样,只隐藏.这就是为什么你认为它在打印时打破内部的原因,而事实是页面打破内部:避免;工作正常&只隐藏了一些边框.

即使你可以继续使用page-break-inside:避免;在新设计中,但最好通过在行之前/之后断开来强制分离[page-break-before].

因此,将表设计从rowspan方法更改为内部/嵌套表,然后删除所有内联分页规则&只需在< 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,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,00 €</td>
                    </tr><tr>
                        <td>22 %</td><td>1359,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>
原文链接:https://www.f2er.com/html/226915.html

猜你在找的HTML相关文章