Boa noite pessoal.
Eu estou utilizando o summernote pra criar/gerenciar textos, e gero pdf usando a biblioteca MPDF. Porém os alinhamentos, (left, center e right), quando usados das células de uma tabela, não são passados pro MPDF, enquanto está no HTML, ou mesmo na tela de impressão funciona perfeitamente.
Um exemplo simples de tabela
<tbody>
<tr>
<td><p><span >CPF/CNPJ</span></p>
<p style="text-align: center; "><span style="font-size: 12px;">123.123.123-12</span></p>
</td>
<td>
<p><span style="font-size: 14px;">RG/Insc.Estadual</span></p>
<p style="text-align: center; "><span style="font-size: 12px;">123456789</span></p>
</td>
</tr>
</tbody>
Nesse caso, no HTML ta legal, no PDF ele fica todo alinhado pra esquerda.
Encontrei no site do MPDF que é uma limitaçãos, onde tags de bloco (div, p, etc) não são aceitos.
Tables
Block elements (e.g. DIV or P) are not supported inside tables. The content is displayed, but any CSS properties which apply to block elements are ignored (e.g. borders, padding, margins etc).
Eu tentei substituir as tags, por span, com o jquery mas essas também não aceitam alinhamento.
tdtag = document.querySelectorAll("td");
tdtag.forEach( e => {
if(e.style.textAlign == "right"){
$(e).html("<span style='text-align:right'>"+$(e).html()+"</span>");
}
});
Alguém já passou por essa situação e tem alguma solução pra isso?
span
é um elemento inline, logo ele não tem largura maior do que seu conteúdo, e com isso alinhamento nele não surte efeito. Não sei vai dar certo mas tente alterar as propriedades do span com<span style='text-align:right; display: inline-block; width: 100%;'>
block
oninline-block
dentro de uma tabela. Estou tentando forçar o alinhamento pela<td>
pra ver se funciona