跨列重复

Question

真的很简单。我可能已经错过了一些显而易见的事情，但是可以解决了。

我在多列视图中有一个<table>。想法是，这是一张相当高的桌子，所以将它放在多列上可以减少垂直的困扰，并使其在屏幕上显示更好。

问题在于第2列及以后的行没有标题。

但是，如果我转到“打印预览”，则每一列都有一个<thead>的“副本”-IMO，因为它是<thead>的意思。

是否可以使这种行为（显然仅在@media print中默认可用）才能在网页上正常工作？

（请注意，表的内容是动态的，整个内容应该具有响应性，因此手动插入/拆分表是不可行的。）

#container {
  column-count: 3;
}

<div id="container">
  <table>
    <thead>
      <tr>
        <th>Column 1</th>
        <th>Column 2</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>Cell 1</td>
        <td>Cell 2</td>
      </tr>
      <tr>
        <td>Cell 1</td>
        <td>Cell 2</td>
      </tr>
      <tr>
        <td>Cell 1</td>
        <td>Cell 2</td>
      </tr>
      <tr>
        <td>Cell 1</td>
        <td>Cell 2</td>
      </tr>
      <tr>
        <td>Cell 1</td>
        <td>Cell 2</td>
      </tr>
      <tr>
        <td>Cell 1</td>
        <td>Cell 2</td>
      </tr>
      <tr>
        <td>Cell 1</td>
        <td>Cell 2</td>
      </tr>
      <tr>
        <td>Cell 1</td>
        <td>Cell 2</td>
      </tr>
      <tr>
        <td>Cell 1</td>
        <td>Cell 2</td>
      </tr>
      <tr>
        <td>Cell 1</td>
        <td>Cell 2</td>
      </tr>
      <tr>
        <td>Cell 1</td>
        <td>Cell 2</td>
      </tr>
      <tr>
        <td>Cell 1</td>
        <td>Cell 2</td>
      </tr>
    </tbody>
  </table>
</div>