One table in many columns (table in columns) [closed]

Closed. This question needs to be more focused. It is not currently acc开发者_StackOverflow社区epting answers.

---

Want to improve this question? Update the question so it focuses on one problem only by editing this post.

Closed 4 years ago.

Improve this question

I have interesting problem. I need to make tables in columns. Let me explain. There are modal dialog opened and displayed 2 tables, one of the tables can be very long and need to be separated by columns.

I searched in internet but found no solution.

How can this be made in CSS/Javascript?

---

What about this?

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

---

In theory, there is a multi-columns CSS 3 module. But as you can see here, it is not very well supported by the IE.