Question

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

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

在视觉上呈现如下：

| Char   | XXX    |
| Char   | XXX    |
| Char   | XXX    |
| Char   | XXX    |
| Char   | XXX    |
| Char   | XXX    |
| Char   | XXX    |
| Char   | XXX    |

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

| Char   | XXX    | | Char   | XXX    |
| Char   | XXX    | | Char   | XXX    |
| Char   | XXX    | | Char   | XXX    |
| Char   | XXX    | | Char   | XXX    |

该表是从DB动态创建的，所以我无法控制在我的表中定义4列，我需要的东西就像style =“column-count：2;”

任何想法？

Answer 1

您可以使用float样式创建多个表，如：

<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>

将长表拆分为可视列

1 个答案: