Хороший способ разбить данные на две параллельные HTML-таблицы

Question

В основном, данные, подобные этим:

Col 1 | Col 2
  1       7
  2       8
  3       9
  4       10
  5       11
  6       12

Я хочу, чтобы на странице отображалось что-то вроде этого:

Col 1 | Col 2      Col 1 | Col 2
  1       7          4       10
  2       8          5       11
  3       9          6       12

Цель, конечно, в том, чтобы у меня было дополнительное горизонтальное пространствос меньшим вертикальным пространством.Очевидно, что для этого не нужно учёного-ракетчика, но я чувствую, что могу упустить более чистое / простое решение, чем моё, возможно, с использованием CSS или умным использованием существующего элемента управления ASP.NET.Это кажется достаточно распространенным требованием, но я не совсем понимаю, правильно ли используются условия поиска, чтобы найти то, что я ищу.

Заранее спасибо.

Answer 1

Вы могли бы иметь две таблицы, отображающие результаты, и располагать их рядом, используя атрибут float?

.table_left {
     float:left;
}

.table_right {
     float:right;
}