If I insert html via the code below the header row has a white line that renders through it:
var doc = new Document();
var builder = new DocumentBuilder(doc);
builder.InsertHtml(
@"
<style>
table.foo {
border-collapse: collapse;
}
table.foo thead tr th {
background-color: #999;
font-weight: bold;
padding: 2px;
border: 1px solid black;
}
table.foo thead tr th.col1 {
width: 100px;
}
table.foo thead tr th.col2 {
width: 200px;
}
table.foo tbody tr td {
padding: 2px;
border: 1px solid black;
}
</style>
<p>First paragraph</p>
<table class='foo'>
<thead>
<tr>
<th class='col1'>Text</th>
<th class='col2'>Value</th>
</tr>
</thead>
<tbody>
<tr>
<td>Name</td>
<td>Terry</td>
</tr>
<tr>
<td>DOB</td>
<td>5/9/1973</td>
</tr>
</tbody>
</table>
");
doc.Save(@"c:\btr\temp\" + "DocumentBuilder.InsertHtmlWithFormatting.docx");
DocumentBuilder.InsertHtmlWithFormatting.docx (6.0 KB)
Any suggestions on how to remove it?