许多列中的一个表（列中的表）

Question

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

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

如何在CSS / Javascript中进行此操作？

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

Answer 2

理论上，有一个multi-columns CSS 3模块。但正如你所看到的那样here，IE并没有得到很好的支持。