Wrapping Text lines in JqGrid

javascript jquery jqgrid
beakersoft picture beakersoft · Nov 13, 2009 · Viewed 38k times · Source

Can you get lines of text to wrap in JqGrid? I have had a look round but i can't find anything.

Answer

Justin Ethier picture Justin Ethier · Nov 13, 2009

Try the following CSS:

    .ui-jqgrid tr.jqgrow td {
        white-space: normal !important;
    }

This works for me using jqGrid 3.6.

As N30 pointed out, jqGrid 4.0 now supports a cellattr colModel option which can allow for a finer grain of control over text wrapping. From his example:

cellattr: function (rowId, tv, rawObject, cm, rdata) { 
    return 'style="white-space: normal;"';
}

Related questions

Hidden Columns in jqGrid

Is there any way to hide a column in a jqGrid table, but have it show as read-only when the row is edited in the form editor modal dialog?

Read More
Resize jqGrid when browser is resized?

Is there any way to resize a jqGrid when the browser window is resized? I have tried the method described here but that technique does not work in IE7.

Read More
How to refresh the data in a jqGrid?

I have been trying to get a grid to be updated from the datasource when a button is pushed. So I have in the click event something like this: $('#grid').jqGrid('trigger','reloadGrid'); However this does not work and …

Read More