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 that you have read and understand our privacy policy and code of conduct.

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