jQuery Grid Plugin - jqGrid - Topic: Wrapping cell values

JJslim on Wrapping cell values

Fri, 26 Feb 2010 00:16:12 +0200

I added the following styles:

.ui-jqgrid tr.jqgrow td.wrap {
   white-space: normal !important;
   height:auto;
   padding-top:2px;
}

.ui-jqgrid tr.jqgrow td
{
vertical-align:text-top;
}

I was then able to use the 'classes' property of the column model for the cell i wanted wraped like this:

colModel: [ { name: 'longcolumn', width: 425, classes: 'wrap'} ]

Hope this helps.

tony on Wrapping cell values

Mon, 10 Aug 2009 05:58:09 +0300

Hello,

Ellipses are suported only in certain browsers.

You can do this in css extending the cell content - something like

.ui-jqgrid tr.jqgrow td : { text-overflow:ellipsis;}

but this will work only in IE.

If you want to do this in other browsers, you maybe need to look here:

http://www.jide.fr/emulate-tex.....x-with-css

Regards

Tony

veechand on Wrapping cell values

Mon, 10 Aug 2009 00:34:30 +0300

Hi All,

Is there any way to wrap value of a cell when the value's width is longer than the cell's width. By default, a longer value gets hidden. Can there be some item (like ellipses as in DOJO grids) added to the row to indicate that the full value will be shown only in tooltip

Thanks,
Veerabahu