Table Cell Width and Content Auto Fit

[fox12]

I have problems in printing all contents of my tables. A few right columns are not printed on a hard copy. I want to achieve this work-around.

Since some columns have a big string, while others take few space, I want to limit the max width for each column.

If a text string falls within the max width, the cell shall auto shrink to fit the content.

If a text string falls out of the max width, the data in a cell shall wrapping to the next line.

How can I achieve this?

Thanks.

 

[JontyMC]

How is the table built? Client-side or server-side? Using what technology?

You could have a seperate stylesheet for printing.

 

[CliveC]

Try:

<td ContentEditable=true style"width:200px";
word-wrap: break-word/>

Clive

http://tubularity.com

http://PalliativeCareConsulting.org

 

[CliveC]

Apologies, I typed that incorrectly. Also ContentEditable is unecessary.

<td style="width:100px; word-wrap: break-word" />

Clive

http://tubularity.com

http://PalliativeCareConsulting.org

 

[CliveC]

I think it is IE only.

Clive

http://tubularity.com

http://PalliativeCareConsulting.org

 

[CliveC]

<style>
td
{
width:100px;
word-wrap: break-word;       /* Internet Explorer */
white-space: normal;         /* Firefox */
white-space: -moz-pre-wrap;  /* Other Mozilla, since 1999 */
white-space: pre-wrap;       /* css-3 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
}
</style>
<table border="1"><tr><td> 
Maybe you can make it browser compatible.
</td></tr></table>

Clive

http://tubularity.com

http://PalliativeCareConsulting.org

 

[fox12]

ClieveC,
I understand what your code is trying to achieve. However, it seems that it still can not for a long word string like:
"/export/home/username/customers/reports/payments/custid" can be wrapped if appearing in a column. since this string is exceeding the maximum length of a column, I'd like the string can be wrapped to the next line breaking either at any letter or regularly at the forward slash so as to make the whole page be printable.

 

[CliveC]

Not sure what you mean. With 100px width I get this:

/export/home/us
ername/custome
rs/reports/paym
ents/custid

using windows IE6 with default font.


Clive

http://tubularity.com

http://PalliativeCareConsulting.org