TD标签从自定义元素表行中剥离

Question

我有一个表格，其中包含使用as-element的行的自定义元素。

该表使用如下元素：

<tbody>
  <tr as-element="personnel-row" repeat.for="person of personnel" person.bind="person" is-compact.bind="isCompact"></tr>
</tbody>

人员行看起来像这样：

<template>
  <td if.bind="isCompact">${person.fullName}</td>
  <td if.bind="!isCompact">${person.lastName}</td>
  <td if.bind="!isCompact">${person.firstName}</td>
  <td if.bind="!isCompact">${person.middleInitial}</td>
  <td if.bind="!isCompact">${person.level}</td>
  <td>${person.primary}</td>
  <td if.bind="!isCompact">${person.status}</td>
  <td>${person.certification}</td>
  <td if.bind="!isCompact"><a route-href="route: personnel-detail; params.bind: {id:person.id}">View</a></td>
</template>

发生的事情是，渲染时，所有td都被剥离，所有插值字符串都直接位于tr内。

我意识到tbody内部有错误的内容，或td内的tr以外的任何内容，但这对我来说是新的。可能导致这种行为的原因是什么？

编辑：我道歉，我忘了提到这在Edge和Chrome中运行良好。 td的问题只发生在IE中。