Создать HTML-таблицу с Flying Saucer - уродливый стиль

Question

Я хочу реализовать таблицу HTML с Flying Saucer (проект, который использует iText 2.1.7 для создания PDF). Если я создам файл PDF, таблица очень уродливая. Если я копирую сгенерированный код в другой редактор HTML, например: http://www.quackit.com/html/online-html-editor/ все в порядке

Все в порядке. Вот примеры:

IText

в Интернет редактор HTML (примечание: в screenhot только один доступный ряд)

Ниже мой сгенерированный код для таблицы:

<div style="position: absolute; top: 135.0mm; left: 20.0mm; height: 105.0mm; width: 180.0mm;"><table cellspacing="1.0mm" cellpadding="1.0mm" border="0.0mm" border-style="none" border-color="#000000" frame="none" rules="all"><thead><tr><th valign="middle" style="height: 10.0mm; width: 70.0mm;"><div style="text-align: center;"><span style="text-align: center; font-size:11px; font-family: arial,helvetica,sans-serif; color: #000000;"><strong>Artikelnr</strong></span></div></th><th valign="middle" style="height: 10.0mm; width: 70.0mm;"><div style="text-align: center;"><span style="text-align: center; font-size:11px; font-family: arial,helvetica,sans-serif; color: #000000;"><strong>Beschreibung</strong></span></div></th><th valign="middle" style="height: 10.0mm; width: 70.0mm;"><div style="text-align: center;"><span style="text-align: center; font-size:11px; font-family: arial,helvetica,sans-serif; color: #000000;"><strong>Menge</strong></span></div></th></tr></thead><tr><td><span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td><span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td><span style="font-size:11px; font-family:arial,helvetica,sans-serif">1.0</span></td></tr><tr><td><span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td><span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td><span style="font-size:11px; font-family:arial,helvetica,sans-serif">1.0</span></td></tr></table></div> 

Здесь мой код для создания файла PDF:

>  
// Clean up the HTML to be well formed   
String str = HTML code...... 
HtmlCleaner cleaner = new 
> HtmlCleaner();   CleanerProperties props = cleaner.getProperties(); 
>   TagNode node = cleaner.clean(str);   new 
> PrettyXmlSerializer(props).writeToStream(node, out); 
> 
>   
// Create the PDF   
OutputStream os = out;   ITextRenderer 
> renderer = new ITextRenderer();   renderer.setDocumentFromString(new 
> String(out.toByteArray())); //   renderer.setDocumentFromString(str); 
>   renderer.layout();   renderer.createPDF(out);   os.close(); 

Может кто-нибудь мне помочь, пожалуйста. Что не так. Является ли это проблемой?

Answer 1

Я предполагаю, что проблема, которую вы получаете, обусловлена ​​свойством css таблицы. Летающая тарелка позволяет вам указывать отступы между строками.

Try что-то вроде этого

table { 
 
    border-collapse: collapse; 
 
    border-spacing: 0; 
 
}