2015-04-19 4 views
2

У меня есть более 40 строк таблицы html, которые охватывают 2-3 страницы. У меня есть только два небольших столбца в таблице, поэтому я подумал о том, чтобы полностью заняться пространством на странице, объединив данные таблицы двух страниц на одной странице, чтобы сохранить бумагу при печати. Предположим, что если 24-я строка является последней строкой на первой странице, я хочу, чтобы 25-я строка отображалась во втором столбце страницы (а не в столбце таблицы) той же страницы, что и на скриншоте.Слияние многостраничной таблицы html на одной странице для сохранения бумаги

Я использовал Gridview рамки Yii2 для визуализации данных. Сгенерированный html выглядит следующим образом.

<div id="w0" class="grid-view"><div class="summary">Total <b>50</b> items.</div> 
<table class="table table-striped table-bordered"><thead> 
<tr><th>Appt.#</th><th>Patient Name</th><th>User Phone No</th></tr> 
</thead> 
<tbody> 
<tr data-key="93"><td>1</td><td></td><td>abc</td></tr> 
<tr data-key="94"><td>2</td><td></td><td>xyz</td></tr> 
. 
. 
. 
</tbody></table> 
</div> 

enter image description here

+0

Вы хотите, чтобы это происходило автоматически, когда пользователь печатает? –

+0

Не требуется. Я предоставляю выделенную страницу для печати, поэтому я манипулирую ею при просмотре в самом браузере. – SenG

+0

Затем просто создайте еще одну таблицу HTML для каждых 24 строк. Если вам интересно, как позиционировать их, как только они существуют, вы можете попробовать плавать их все. –

ответ

0

Вы можете попробовать рендеринга контейнер, используя столбцы, но поддержка довольно слоеное.

Смежные вопросы