Print Stylesheets for pages with long horizontal tables

css styling printing-web-page
Boris Smirnov picture Boris Smirnov · Nov 15, 2008 · Viewed 12.3k times · Source

I have a page that spits out db data in long horizontal tables.

I need to print it nicely so it does not cut off. Any tips ?

Answer

Kornel picture Kornel · Nov 16, 2008

  1. Change table into horizontal one with many rows (swap rows/columns)

  2. Suggest users to switch to Landscape mode. AFAIK there's no way to do that programmatically in current browsers (CSS3 defines @page {size:landscape})

  3. Split table every few columns (i.e. instead one with 100 columns, generate 10 tables with 10 columns each). Use CSS table {display: inline-table} to show them all side-by-side on screen. This trick works only if you don't have cells with varying heights.

Related questions

CSS change button style after click

I was wondering if there was a way to change a button's style, in css, after it's been clicked, so not a element:active. Thanks!

Read More
textarea's rows, and cols attribute in CSS

I'd like to set the textarea's rows and cols attributes via CSS. How would I do this in CSS?

Read More
Horizontal scroll on overflow of table

I have a basic table in a container. The table will have about 25 columns. I am trying to add a horizontal scroll bar on overflow of the table and am having a really tough time. What is happening now, is …

Read More