Issue Summary

Tables in the legacy editor that

• have table width and column widths in pixels
• sum of column widths != table width

are not sized correctly after conversion to the Fabric editor 

Steps to Reproduce

1. Create a table with pixel width columns where the column widths do not sum to the table width 

<table class="relative-table wrapped" style="width: 359.0px;">
 <colgroup>
  <col style="width: 378.0px;" />
 </colgroup>
 <colgroup>
  <col style="width: 251.0px;" />
 </colgroup>
 <thead>
  <tr>
   <th style="text-align: left;vertical-align: top;"><p>Header 1</p></th>
   <th style="text-align: left;vertical-align: top;"><p>Header 2</p></th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td style="text-align: left;vertical-align: top;"><p></p></td>
   <td style="text-align: left;vertical-align: top;"><p></p></td>
  </tr>
 </tbody>
</table> 

2. Convert the page to new editor

3. See that the table has a scrollbar and is overflowing

Expected Results

The table is the same size as in the legacy editor. In the legacy editor, the column widths were treated as the guideline for the percentage each column should take up of the overall table pixel width. 

Actual Results

In the new editor, all the pixel widths are treated as the exact desired pixel widths for each column and the entire table, which can cause the table to be in overflow. 

Fix should be to convert column pixel widths to adjusted value based on total table width when converting from cxhtml -> adf.

Workaround

Resize the table to the desired size and update the page.