jQuery Grid Plugin - jqGridForum

Topic RSS

Wrapping cell values

10/08/2009
00:34

veechand

India

Member

Members

Forum Posts: 12

Member Since:
08/04/2009

Offline

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

10/08/2009
05:58

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

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

For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.

26/02/2010
00:16

JJslim

Member

Members

Forum Posts: 9

Member Since:
25/02/2010

Offline

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.

All RSS

Forum Timezone: Europe/Sofia

Most Users Ever Online: 715

Currently Online:
56 Guest(s)

Currently Browsing this Page:
1 Guest(s)