ITEXT SHARP将html转换为pdf，列宽不正确

Question

我在vb.net（vb代码）中使用itextsharp dll将html页面直接转换为pdf， 我想设置自定义列宽，它在html查看器中正确提交，我只有在转换为pdf时才有问题... 但我得到pdf的输出，如下面的Html代码和PDF图像

   <table border="1" style="border-collapse:collapse;font-family:Calibri;width:100%;">
     <tr  style="background-color:#ECC0DA;font-size:10;height:40px;">
     <th  style="height:38px;" colspan="4">
      &nbsp;</th> 
     <th  style="height:38px;text-align:center;"  colspan="4">
     MTD</th>
     <th  style="height:38px;text-align:center;" colspan="3">
     YTD</th>
     </tr>
     <tr style="background-color:#ECC0DA;font-size:10;height:40px;">
     <th  style="width:2%;text-align:center;">

     Sl.No

     </th >
     <th style="width:10%;text-align:center;">
     Function

     </th >
     <th style="width:20%;text-align:center;">
    Data Point
     </th>
     <th style="width:10%;text-align:center;">
    UOM
     </th>
     <th style="width:10%;text-align:center;">
    For- 24-09-2017
     </th>
     <th style="width:8%;text-align:center;">
     Plan
     </th>
     <th style="width:8%;text-align:center;">
     Actual
     </th>
     <th style="width:8%;text-align:center;">
    Variance
     </th>
     <th style="width:8%;text-align:center;">
     Plan
     </th>
     <th style="width:8%;text-align:center;">
     Actual
     </th>
     <th style="width:8%;text-align:center;">
    Variance
     </th>
     </tr>  </table>

https://jsfiddle.net/anandnaha/z2qjq5m3/