使用`thead`的克隆作为`tfoot`使它们相等

Question

我目前正在开发一个网站，提供不同位置的组件及其版本的概述。

因此，该页面包含一个<select>和一个<table>。现在我开始怀疑 - 有什么东西允许我使用我的<thead>作为<tfoot吗？ 即像这样的东西：

<table>
  <thead>
    <!-- content -->
  </thead>
  <tfoot equal-to-head="true"></tfoot>
</table>

或

<table>
  <theadfoot>
    <!-- this would be equal to using thead and tfoot with the same content -->
  </theadfoot>
</table>

现在我正在使用Vue.js开发我的“网站”，所以我可能会编写一个可以满足我想要的组件。但是，由于我想减少代码冗余而不是编写更多代码，所以这不是真正的方法。

因此我的问题 - 是否有人知道现有的插件（或者甚至更好，内置的HTML功能，虽然我怀疑有一个），允许组合<thead>和<tfoot>？