html – 导出为PDF时表行没有分页符
发布时间:2020-12-14 16:44:11 所属栏目:资源 来源:网络整理
导读:当表导出为PDF时,表行不会进行分页.我试图在每个表行上进行分页: tr style='page-break-inside:avoid;' 表行中断如下(导出为PDF – 在浏览器中查看): 我希望桌子排’Vrsta blaga / storitve’保持紧凑.因此,单元格不会显示在不可打印的区域中,如上图所示.
当表导出为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 |