The Design view of my table is un-editable but looks just fine in View Topic.

Because the Design view shows only part of the table heading row and the rest of the table disappears, I cannot edit the table in Design view. I've pasted the CSS and HTML below. Can anyone offer guidance?

CSS

table {

border-collapse: collapse;

}

th {

background-color: #e6e6e6;

border: solid #009DD9 1.0px;

color: #009dd9;

font-family: Arial, sans-serif;

font-size: .8em;

margin: 6px 4px 8px 0px;

text-align: center;

vertical-align: top;

}

td{

border: solid #009dd9 1.0px;

border-collapse: collapse;

color: #000000;

font-family: Arial, sans-serif;

font-size: .8em;

margin: 1.5em .5em 1.5em .5em;

text-align: left;

}

HTML

<table class="center">

<col />

<col />

<col width="372" />

<tr style="page-break-inside: avoid;">

  <th><p class="NTableHeading">Number</p></th>

  <th><p class="NTableHeading">Number</p></th>

  <th><p class="NTableHeading">Number</p></th>

</tr>

<tr style="page-break-inside: avoid;">

  <td>Cell</td>

  <td>Cell</td>

  <td>Cell</td>

</tr>

<tr style="page-break-inside: avoid;">

  <td>Cell</td>

  <td>Cell</td>

  <td>Cell</td>

</tr>

<tr style="page-break-inside: avoid;">

  <td>Cell</td>

  <td>Cell</td>

  <td>Cell</td>

</tr>

<tr style="page-break-inside: avoid;">

  <td>Cell</td>

  <td>Cell</td>

  <td>Cell</td>

</tr>

</table>