Html 将长表拆分为可视列

现在我有一个简单的表格：

<table>
  <tr>
    <td>char</td>
    <td>XXX</td>
  <tr>
  ... and so
</table>

但是由于我的设计，我需要像这样渲染（并且为了响应，我使用bootstrap btw）：

该表是从数据库动态创建的，因此我无法控制在表中定义4列，我需要类似style=“column count:2；”的功能

---

有什么想法吗？

您可以使用如下浮动样式创建多个表：

<table border="2" style="float:left">
<tr><td>  Date  </td><td>  Day  </td><td>  In time  </td><td>  Out time  </td><td>  Signature  </td></tr>
<tr><td>01-Mar </td><td>Tue</td><td>  </td><td>  </td><td>    </td></tr>
<tr><td>02-Mar </td><td>Wed</td><td>  </td><td>  </td><td>    </td></tr>
</table>
<table border="2"><tr>
<tr><td>  Date  </td><td>  Day  </td><td>  In time  </td><td>  Out time  </td><td>  Signature  </td></tr>
<tr><td>16-Mar </td><td>Wed</td><td>  </td><td>  </td><td>    </td></tr>
<tr><td>17-Mar </td><td>Thu</td><td>  </td><td>  </td><td>    </td></tr>
</table>

日期日期超时时间签名
3月1日星期二
3月2日星期三
日期日期超时时间签名
3月16日星期三
3月17日星期四

您可以使用如下浮动样式创建多个表：

<table border="2" style="float:left">
<tr><td>  Date  </td><td>  Day  </td><td>  In time  </td><td>  Out time  </td><td>  Signature  </td></tr>
<tr><td>01-Mar </td><td>Tue</td><td>  </td><td>  </td><td>    </td></tr>
<tr><td>02-Mar </td><td>Wed</td><td>  </td><td>  </td><td>    </td></tr>
</table>
<table border="2"><tr>
<tr><td>  Date  </td><td>  Day  </td><td>  In time  </td><td>  Out time  </td><td>  Signature  </td></tr>
<tr><td>16-Mar </td><td>Wed</td><td>  </td><td>  </td><td>    </td></tr>
<tr><td>17-Mar </td><td>Thu</td><td>  </td><td>  </td><td>    </td></tr>
</table>

日期日期超时时间签名
3月1日星期二
3月2日星期三
日期日期超时时间签名
3月16日星期三
3月17日星期四

<table border="2" style="float:left">
<tr><td>  Date  </td><td>  Day  </td><td>  In time  </td><td>  Out time  </td><td>  Signature  </td></tr>
<tr><td>01-Mar </td><td>Tue</td><td>  </td><td>  </td><td>    </td></tr>
<tr><td>02-Mar </td><td>Wed</td><td>  </td><td>  </td><td>    </td></tr>
</table>
<table border="2"><tr>
<tr><td>  Date  </td><td>  Day  </td><td>  In time  </td><td>  Out time  </td><td>  Signature  </td></tr>
<tr><td>16-Mar </td><td>Wed</td><td>  </td><td>  </td><td>    </td></tr>
<tr><td>17-Mar </td><td>Thu</td><td>  </td><td>  </td><td>    </td></tr>
</table>