Prevent table cell from auto-wrapping?

openletter

I have a table that is auto-wrapped in cells that I prefer not be auto-wrapped, but I have one cell that does require auto-wrap, so not disable for the whole table.

Is this possible?

gerardnico

The CSS property is called white-space
https://datacadamia.com/web/css/white_space

andi

gerardnico The CSS property

Which on its own doesn't really help to affect a single cell.

One way to achieve this is to use a custom wrap plugin class that applies that CSS property.

gerardnico

True.

Wrap doesn't seem to support a one-shot, one-time style property, you need to define your style or I am wrong ?

For a one quick and dirty hack, the box element can apply one style but as it does not apply for now to a cell (ie inline), you need to do the wrap manually with \\

Example:

<box style="white-space:nowrap">

^ Name ^ Description ^
| foo | the long description wrapped manually \\ lorem ipsum |
| bar | lorem ipsum |

</box>

In the next version, the idea is to apply:

a css block for all component that are at the beginning of new line
a css inline for all component that are not
but yeah ... in the todo list for now.

gerardnico

The white-space:nowrap should be applied on the td otherwise it does not work. Then even with the wrap plugin, you can't use the standard table syntax.

I tried it with the itext in a cell and it does not work.

<box style="white-space:nowrap">

^ Name ^ Description ^
| foo | <itext style="white-space:nowrap">the long description wrapped lorem ipsum</itext> |
| bar | lorem ipsum |

</box>

michaelsy

CSS:

.wrap_table-nowrap th, .wrap_table-nowrap td {
    white-space: nowrap;
}

.wrap_dowrap {
    white-space: pre-line;
}

Wiki:

(WRAP plugin required.)

^ Name ^ Description ^ Comment ^
| Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam. | Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. | Lorem ipsum dolor sit amet, consetetur sadipscing elitr |

<WRAP table-nowrap>

^ Name ^ Description ^ Comment ^
| Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam. | <wrap dowrap>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</wrap> | Lorem ipsum dolor sit amet, consetetur sadipscing elitr |

</WRAP>

Result:

- Michael Sy.

BTW: I usually set the column widths using the Table Width plugin.

gerardnico

michaelsy Ok my bad value ... preline is better for sure. And it works outside th/td ..

<box style="white-space:nowrap">

^ Name ^ Description ^
| foo | <itext style="white-space:pre-line">the long description wrapped lorem ipsum the long description wrapped lorem ipsum the long description wrapped lorem ipsum</itext> |
| bar | lorem ipsum the long description wrapped lorem ipsum the long description wrapped lorem ipsum |

</box>

michaelsy

@openletter Sorry, pre-line works, but doesn't usually make sense here. Normal is simply normal.

The corrected CSS::

.wrap_table-nowrap th, .wrap_table-nowrap td {
    white-space: nowrap;
}
 
.wrap_dowrap {
    white-space: normal;
}

- Michael Sy.

michaelsy

A solution with the Extended Table Syntax 3 Plugin

No Wrap Plugin needed, no predefined CSS classes needed (but possible).

{| style="white-space: nowrap;"
! Name !! Description !! Comment
|-
| Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam. 
| style="white-space: normal;"| Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. 
| Lorem ipsum dolor sit amet, consetetur sadipscing elitr 
|}

The output result is the same as my Wrap Plugin solution above.

- Michael Sy.

Global DokuWiki Links