Text formatting in Key Column when the column is resized

[alastairwalkerParticipant]

Hi – I wonder if you can offer some guidance on this matter.

I will explain my problem with reference to the following demo: (https://www.jqwidgets.com/jquery-widgets-demo/demos/jqxtreegrid/index.htm#demos/jqxtreegrid/javascript-tree-grid-columns-resize.htm)

When column 1 (the first column) is resized so that the text of the items in the lowest levels of the hierarchy text wrap (due to the column width being shorter than the pixels of the text width), the text wraps to the beginning of the column.

I would like to be able to wrap the text so that the text is left justified. i.e. the wrapped text falls under the starting position of the indented text line.

I.e. I want to achieve a clean wrap of text, rather than have the ragged text as displayed at present.

Any help on how to achieve this will be appreciated!

Many thanks,

Alastair Walker

[Peter StoevKeymaster]

Hi Alastair Walker,

The .jqx-grid-cell-wrap CSS class is applied to the wrapped text. The white-space CSS property is set to normal. If you need a different wrapping behavior, you can change this CSS class to something else, which better fits to your app scenario.

Best Regards,
Peter Stoev

jQWidgets Team
https://www.jqwidgets.com/

[alastairwalkerParticipant]

Ok – that makes good sense!

Thank you!

Alastair

[Author]

Posts