0

Задача заключается в создании структуры шапки HTML-таблицы. Таблица содержит порядка 100 столбцов, в день вносится одна запись(поясняю, так как отображение ведется в рамках одного дня). Можно ли каким то хитрым способом разделить эту таблицу (исключительно визуально!)?

7
  • 1
    Что значит "разделить эту таблицу"? 19 окт 2015 в 12:32
  • "разделить эту таблицу" - разделить ее на несколько частей(визуально) при этом сохранить функциональную целостность.
    – Worker
    19 окт 2015 в 12:35
  • А что, кроме HTML можно использовать? CSS? JS? 19 окт 2015 в 12:37
  • К сожалению исключительно html
    – Worker
    19 окт 2015 в 12:41
  • Тогда, увы, никак. 19 окт 2015 в 12:46

2 ответа 2

2

Если таблица генерируется, то перед ее отрисовкой загоняем столбцы в JS, считаем общее количество столбцов, делим это значение на два и добавляем еще один столбец с пустым контентом в середину общего массива. Назначаем ему персональный стиль, который будет визуально разделять таблицу на две части. Как-то так короче.

Обновление

А как таблица заполняется? Просто можно замутить в цикле на пхп(или чем-то аналогичном) нечто подобное, но вводить столбец не после генерации, а во время нее, особенно если количество столбцов одинаковое или мы можем поделить общий массив столбцов на две части: 0-49 и 50 - N, где N=90..110 например.

Обновление 2

Задавай в шапку таблицы   (символ пробела) и будет пустое пространство. Или там пару штук их поставь типа     

Обновление 3

Ну есть еще вариант: вставить в ячейку <td></td>, к которой есть доступ сразу код js(без всяких jquerry и подобного) в виде одной минимизированой строки, и уже туда записать что угодно. Ибо корп-системе будет глубоко положить какой текст вставлять, а браузер клиента в любом случае реализует все как надо.

5
  • Спасибо, но это вариант не подходит, исключительно html
    – Worker
    19 окт 2015 в 12:36
  • Это старая корп система, оперировать могу только html, и таблица заполняется автоматически. Задаю лишь шапку таблицы
    – Worker
    19 окт 2015 в 12:39
  • это была первая идея, но проблема в том что части таблицы необходимо расположить друг под другом (что бы не было горизонтальной прокрутки)
    – Worker
    19 окт 2015 в 12:49
  • <tr><td><br /></td></tr> сработало? P.S.: Именно это и надо вставить в ячейку 19 окт 2015 в 12:50
  • 1
    Благодарю, как только доберусь попробую)
    – Worker
    19 окт 2015 в 12:56
1

<table cellspacing=0 cellpadding=3 border=1 rules=groups>
  <tbody>
    <tr><td>1<td>2<td>3<td>4<td>5<td>6<td>7</tr>
    <tr><td>1<td>2<td>3<td>4<td>5<td>6<td>7</tr>
    <tr><td>1<td>2<td>3<td>4<td>5<td>6<td>7</tr>
  </tbody>
  <tbody>
    <tr><td>1<td>2<td>3<td>4<td>5<td>6<td>7</tr>
  </tbody>
  <tbody>
    <tr><td>1<td>2<td>3<td>4<td>5<td>6<td>7</tr>
    <tr><td>1<td>2<td>3<td>4<td>5<td>6<td>7</tr>
    <tr><td>1<td>2<td>3<td>4<td>5<td>6<td>7</tr>
  </tbody>
</table>

1
  • Отличный, кстати, вариант. Я что-то даже забыл о таких приемах верстки таблицами. 22 окт 2015 в 6:16

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.