Ferramentas para capturar e converter a Web
Comunidade Online de GrabzIt

DocX – Espaço adicional na parte inferior da linha inferior das tabelas

Faça perguntas sobre como capturar ou converter páginas da Web ou HTML into imagens, documentos CSV, PDF ou DOCX, além de como converter vídeos into GIF animado usando nossa API.

Estamos consistentemente obtendo um espaço adicional na parte inferior da linha inferior das tabelas ao converter HTML em DocX. Alguém tem experiência sobre o que pode causar isso?

Perguntado por anônimo em 5 de setembro de 2022

Provavelmente algo em seu HTML. Isso não tem:

<table>
<tr>
<th>Company</th>
<th>Contact</th>
<th>Country</th>
</tr>
<tr>
<td>Alfreds Futterkiste</td>
<td>Maria Anders</td>
<td>Germany</td>
</tr>
<tr>
<td>Centro comercial Moctezuma</td>
<td>Francisco Chang</td>
<td>Mexico</td>
</tr>
</table><p>By pressing the button below this HTML will be converted into a Word document.</p><p>Another paragraph</p>

 

Respondido pelo suporte GrabzIt em 5 de setembro de 2022

Aqui está um exemplo de código no qual obtemos uma linha adicional na linha da tabela de caixa com borda 

 

<div data-block="Exportar.WBPrintLayout" class="OSBlockWidget" id="$b3"> ESPECIFICAÇÕES TÉCNICAS:intLayout" class="OSBlockWidget" id="b3-l1-36_0-$b1"> intLayout" class="OSBlockWidget" id="b3-l1-36_0-b1-l1_0-38_0-$b1"> ESPECIFICAÇÃO TÉCNICA | NÚCLEO E ABRANGENTE | TS255 Produtos relacionados com a energia | Ar condicionado | 255 Ecodesign e normas aplicáveis O equipamento deve ser fornecido com instruções de instalação e informações ao usuário em printed (na embalagem e/ou na documentação que acompanha o produto) e em formato eletrônico, que incluem o seguinte: Instruções completas de instalação, incluindo: Instruções especificando que o equipamento deve ser instalado por instaladores totalmente treinados Quaisquer precauções específicas que devem ser tomadas quando o equipamento for montado ou instalado Instruções especificando como as configurações de controle do equipamento devem ser ajustadas adequadamente após a instalação Informações sobre quem o instalador pode abordar para obter orientação sobre a instalação Instruções de operação para pessoal de serviço Informações do usuário, incluindo: Referências a instaladores e pessoal de serviço competentes Recomendações sobre o uso adequado e maintenance do equipamento Aconselhamento sobre como os utilizadores podem minimizar o impacto ambiental dos equipamentos, em particular informações sobre a utilização para minimizar o consumo de energia Se aplicável , informações sobre como os resultados do diagnóstico devem ser interpreted and how they can be improved</li><li><span style="color:black;">Information about which spare parts can be replaced</span></li><li><span style="color:black;">Recommendations on appropriate disposal at the product’s end-of-life</span></li></ol></div></div></div></div><div data-container="" id="b3-l1-36_0-b1-l1_0-38_0-b1-l1_0-40_0-conVerification3" style="margin-top: 10px;"><div data-container="" style="color: rgb(245, 130, 69); font-style: italic; font-weight: normal;"><span style="color: rgb(196, 89, 17);">Proposed verification:</span></div><div data-container="" class="table-row cke_contents_ltr" id="b3-l1-36_0-b1-l1_0-38_0-b1-l1_0-40_0-conVerification4" style="margin-top: 0px;"><div data-block="CKFlow.HTMLViewer" class="OSBlockWidget" id="b3-l1-36_0-b1-l1_0-38_0-b1-l1_0-40_0-$b5"><div data-container="" class="cke_contents_ltr" id="b3-l1-36_0-b1-l1_0-38_0-b1-l1_0-40_0-b5-InnerContainer"><p><span style="color:black;">Tenderers must provide the product Declaration of Conformity confirming that these requirements are met.</span></p></div></div></div></div></div></td></tr></tbody></table><div data-container="" id="b3-l1-36_0-b1-l1_0-38_0-b1-conContainer" style="margin-top: 0px;"><div data-container="" id="b3-l1-36_0-b1-l1_0-38_0-b1-conSpace6" style="height: 10px;"><div data-block="CKFlow.HTMLViewer" class="OSBlockWidget" id="b3-l1-36_0-b1-l1_0-38_0-b1-$b6"><div data-container="" class="cke_contents_ltr" id="b3-l1-36_0-b1-l1_0-38_0-b1-b6-InnerContainer"><p><br></p></div></div></div><div data-container="" id="b3-l1-36_0-b1-l1_0-38_0-b1-conWarnings" style="color: rgb(192, 0, 0);"><span data-expression="">Warning: </span><div data-container="" style="color: rgb(192, 0, 0); font-style: italic;"><div data-block="CKFlow.HTMLViewer" class="OSBlockWidget" id="b3-l1-36_0-b1-l1_0-38_0-b1-$b7"><div data-container="" class="cke_contents_ltr" id="b3-l1-36_0-b1-l1_0-38_0-b1-b7-InnerContainer"><p>555555</p></div></div></div><div data-container="" style="color: rgb(192, 0, 0); font-style: italic;"><div data-block="CKFlow.HTMLViewer" class="OSBlockWidget" id="b3-l1-36_0-b1-l1_0-38_0-b1-$b8"><div data-container="" class="cke_contents_ltr" id="b3-l1-36_0-b1-l1_0-38_0-b1-b8-InnerContainer"><p>6666666</p></div></div></div></div><div data-container="" id="b3-l1-36_0-b1-l1_0-38_0-b1-conSpace5" style="height: 10px;"><div data-block="CKFlow.HTMLViewer" class="OSBlockWidget" id="b3-l1-36_0-b1-l1_0-38_0-b1-$b9"><div data-container="" class="cke_contents_ltr" id="b3-l1-36_0-b1-l1_0-38_0-b1-b9-InnerContainer"><p><br></p></div></div></div><div data-container="" id="b3-l1-36_0-b1-l1_0-38_0-b1-conSpace4" style="height: 10px;"><div data-block="CKFlow.HTMLViewer" class="OSBlockWidget" id="b3-l1-36_0-b1-l1_0-38_0-b1-$b11"><div data-container="" class="cke_contents_ltr" id="b3-l1-36_0-b1-l1_0-38_0-b1-b11-InnerContainer"><p><br></p></div></div></div><div data-container="" id="b3-l1-36_0-b1-l1_0-38_0-b1-conMoreInformationLink" style="margin-top: 0px;"><div data-container="" style="color: rgb(62, 88, 114); font-style: italic;">More information:</div><div data-container="" id="b3-l1-36_0-b1-l1_0-38_0-b1-conMoreInformation2" style="margin-top: 0px;"><div data-block="CKFlow.HTMLViewer" class="OSBlockWidget" id="b3-l1-36_0-b1-l1_0-38_0-b1-$b12"><div data-container="" class="cke_contents_ltr" id="b3-l1-36_0-b1-l1_0-38_0-b1-b12-InnerContainer"><p>More information tab</p></div></div></div></div></div></div></div></td></tr></tbody></table></div></div></div></div><script style="display: flex; height: 0px; width: 100%;"></script></div></div></div></div>

Respondido por anônimo em 5 de setembro de 2022

Você terá que dar um exemplo simples. Não é meia página de HTML.

Respondido pelo suporte GrabzIt em 5 de setembro de 2022

Parece que ter um " "depois que uma mesa está sendo virada into um espaço adicional na última linha da tabela

Respondido por anônimo em 5 de setembro de 2022

Isso faria sentido.

Respondido pelo suporte GrabzIt em 6 de setembro de 2022

O que há com aparecer na tabela ou imediatamente após a tabela no html é um indicador de que a conversão adicionará uma nova linha na parte inferior da última linha da tabela. Nós estamos usando espaçar o elemento vertical, pois a conversão por design para docx ignora a margem e os detalhes de preenchimento nos divs?

 

 

Respondido por anônimo em 6 de setembro de 2022

Um BR fará com que uma nova linha seja anexada. Então criará um novo parágrafo e, em seguida, acrescentará uma linha.

Respondido pelo suporte GrabzIt em 6 de setembro de 2022

Então é pensar que talvez se eu apenas usar um sem tags de parágrafo após o então talvez não veremos uma nova linha adicionada into a última linha dessa tabela?

Respondido por anônimo em 6 de setembro de 2022

Isso deve acrescentar uma linha ao parágrafo existente. Mas duvido que o espaçamento seja tão grande.

Respondido pelo suporte GrabzIt em 6 de setembro de 2022

Em um diagnóstico mais aprofundado, pode-se demonstrar que parágrafos ou formatação em uma tabela resultam na adição de espaços adicionais à parte inferior das tabelas

por exemplo, se você converter este HTML para DocX, não haverá espaço adicional

 



Exemplo de cabeçalho




Os candidatos devem apresentar provas de que o pessoal diretamente responsável pela instalação e quaisquer trabalhos auxiliares possui experiência, qualificações e formação relevantes em relação a cada um destes aspectos. Isto pode assumir a forma de uma lista de contratos relevantes realizados nos três anos anteriores, referências, CV, registos de formação e/ou outras provas de qualificações e experiência.


 

mas este gera um espaço adicional



Exemplo de cabeçalho




Os candidatos devem apresentar provas de que o pessoal diretamente responsável pela instalação e quaisquer trabalhos auxiliares possui experiência, qualificações e formação relevantes em relação a cada um destes aspectos.


Isto pode assumir a forma de uma lista de contratos relevantes realizados nos três anos anteriores, referências, CV, registos de formação e/ou outras provas de qualificações e experiência.


 

Respondido por anônimo em 12 de setembro de 2022

Além disso, se houver algum texto após uma tabela que tenha mais de um parágrafo, a tabela adicionará uma linha na parte inferior da tabela

 



Exemplo de cabeçalho




Os candidatos devem apresentar provas de que o pessoal diretamente responsável pela instalação e quaisquer trabalhos auxiliares possui experiência, qualificações e formação relevantes em relação a cada um destes aspectos.




Produtos que estão em


Linha adicional para teste

  

Respondido por anônimo em 13 de setembro de 2022

dando uma olhada no DocX resultante, parece que a última célula da última linha da tabela está recebendo um "depois" no parágrafo que é maior que 0  

Respondido por anônimo em 13 de setembro de 2022

Se você não quiser espaço, basta adicionar margin-bottom:0 à última tag p.

Respondido pelo suporte GrabzIt em 13 de setembro de 2022

Estou fazendo algo errado? ainda vendo espaço extra na parte inferior da linha inferior da tabela seguindo sua orientação para adicionar um estilo.

 



Exemplo de cabeçalho




Os candidatos devem apresentar provas de que o pessoal diretamente responsável pela instalação e quaisquer trabalhos auxiliares possui experiência, qualificações e formação relevantes em relação a cada um destes aspectos.




Produtos que estão em


Linha adicional para teste

Respondido por anônimo em 13 de setembro de 2022

Não deveria ser o parágrafo dentro da célula em que você definiu o estilo?

Respondido pelo suporte GrabzIt em 13 de setembro de 2022