多列中的一个表（列中的表）[关闭]答案

【问题标题】：One table in many columns (table in columns) [closed]多列中的一个表（列中的表）[关闭]
【发布时间】：2011-08-15 18:50:33
【问题描述】：

我有一个有趣的问题。我需要在列中制作表格。让我解释。有模态对话框打开并显示2个表格，其中一个表格可能很长，需要用列分隔。

我在互联网上搜索但没有找到解决方案。

如何在 CSS/Javascript 中实现？

【问题讨论】：

这实际上是表格数据，还是表格只是您布局的方便容器？
表格中的数据是表格数据。数据取自 JSON 并在 JS 中解析。

标签： html css tabular

【解决方案1】：

这个怎么样？

<div id="column1">
    <table id="first_table">
        <tr>...</tr>
        <tr>...</tr>
        ...
    </table>
</div>
<div id="column2">
    <table id="first_table_continued">
        <tr>...</tr>
        <tr>...</tr>
        <tr>...</tr>
    </table>
    <table id="second_table">
        <tr>...</tr>
        <tr>...</tr>
        ...
    </table>
</div>

【讨论】：

那是正确的HTML，但我认为原来的HTML需要动态改写成这种格式。
呃...有趣，但我怎么能在 javascript 中做得很好.. 解析起来会很困难..
@Orb 你需要纯 JavaScript 代码还是 jQuery？
@Orh 哦，您是否希望在调整浏览器窗口大小时自动调整每列的行数？这在 JavaScript 中实现会非常棘手，但如果你想要每列固定的行数，这并不难编写。
我使用 jQuery。有最大树列。我需要动态地从一列到树列。

【解决方案2】：

理论上，有一个multi-columns CSS 3 模块。但是正如你所看到的here，IE 对它的支持不是很好。

【讨论】：

我想摆脱这种方法，但如果在标记中没有办法做到这一点，那么这将是我唯一的选择。也许有一些超级jQuery插件？

表格绝对不能这样做，因为（听起来很傻）列不是表格数据。

一个快速的谷歌发现了这个：welcome.totheinter.net/2008/07/22/…

所以无论如何我都需要用
来制作它？

我用
做到了。并使用 jQuery Columnizer 插件。