Forum Moderators: not2easy

Message Too Old, No Replies

How to print Horizontal scrollable data table in next page

The table gets clipped in print preview. Some one help me.

         

webjunk

1:07 pm on Feb 26, 2004 (gmt 0)

10+ Year Member



I have a web application which has big table with data columns. There would be a horizontal scroll most of the times. [15 columns or more.] But the rows will be around 20-25 which will be displayed in the visible part of the browser. [most of the times without any vertical scrollbar in 1024X768.]

And always the columns get clipped after say 10th column in the print preview. They never flow to the next page. Now my problem is how to push the data from clipped columns to the next page. Almost all the browsers [5+] clip the table horizontally even in Landscape mode. Now can this be printed somehow in the next page. [like EXCEL or any spreadsheet]. Is there a solution in CSS or any other method.

Can I even select the landscape orientation for the user, even if the browser's page setting by default is in Portrait mode. [Am I asking for too much!] ;)
Most of the users will be non computer savvy.

I hope there is some solution. Thanks to all.

isitreal

3:04 pm on Feb 27, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



I haven't tested these CSS things, but check this article out, it might point you in the right direction:

[htmlgoodies.com...]

What you are probably looking for are the print only css attributes:
page-break-before
page-break-after
page-break-inside

Also check out the @page page print style rule, this stuff is all CSS 2, so browser support will be questionable, and would need to be tested thoroughly.