javascript - HTML 和 CSS : Adding more tables to the screen depending on the amount of rows?

Question

我正在为一个 friend 开发一个网站，这个网站会有一个数据表，但是由于他自己的原因他不想向下滚动看数据，他希望数据水平分布所以他可以使用多个屏幕来查看所有数据。

我想到的最好的想法是创建一个水平表，这基本上意味着我不是向下滚动以查看更多数据，而是在最后一个表的右侧创建一个新表来保存额外的行。

假设每个表不应超过 20 行，如果有更多行，则我们创建一个新表，放置在包含前 20 行的表的右侧，依此类推。

从 HTML 和 CSS 布局的 Angular 来看，最好的方法是什么？我将使用 dojo 增强网格创建表格，并且网格将动态添加，这部分我不需要任何代码。

所以也许我有一个空的 div 元素并将网格附加到该 div 并让它们正确对齐？

我并不是说这是最好的方法，所以如果有人有更好的方法来满足要求，我很乐意听到它并从中学习。

编辑:

澄清一下，我不需要 JavaScript 代码或任何其他代码来动态添加网格。

我只是想知道HTML和CSS结构应该是怎样的。

例如，我有一个固定高度的容器 Div，我向其中添加元素，这些元素应该具有 x 和 y CSS 属性等。

谢谢

Answer 1

$("#tables").append(
    $("<table style='float:left;border: 1px solid black'>").append(
        $("<tr>").append(
            $("<td>").html(
                "content"
            )
        )
    )
);

http://jsfiddle.net/7PpRB/1/