IE表格对齐问题

Question

我正在工作的情况下，我需要一个列占据相应单元格的完整高度，即使列的内容没有足够的数据来占用整个单元格。我附上了一个codepen的链接。它有两列。第1列的数据少于第2列。列中的数据根据​​当前行的高度垂直对齐，但我需要第1列占据单元格的完整高度。

Codepen

table {
  border: 1px solid;
}
table thead th {
  border: 1px solid red;
}
table tbody td {
  border: 1px solid green;
}

<table>
  <thead>
    <th>
      column1
    </th>
    <th style="width:10px;">
      column2
    </th>
  </thead>
  <tr>
    <td>
      <table>
        <tbody>
          <tr>
            <td>
              data1
            </td>
            <td>
              data2
            </td>
          </tr>
        </tbody>
      </table>
    </td>
    <td style="word-wrap: break-word;">
      Cell with more data
    </td>
  </tr>
  <tbody>
    <tbody>
</table>