Wordwrap in cells

[spiritParticipant]

Hi!

The autorowheight feature is great. If you have very long words that have no space it can be combined with the following renderer:

var sequencerenderer = function (row, column, value) {
return ‘

‘ + value + ‘

‘;
}

and it works perfectly!!!!

[spiritParticipant]

Hello,

The only issue that i have now is that in order for the autorowheight to work the autoheight needs to be true. In other words it doesnt work in a nested grid (e.g rowdetails). I wish that this limitation is at some point removed.

Thank you !!!!

[spiritParticipant]

Sorry for the wrong code format:

var sequencerenderer = function (row, column, value) {
        return '<div style="word-wrap:break-word;">' + value + '</div>';
    }

[mharrisonMember]

Hi I’m very interested in this feature but the documentation doesn’t seem to mention it. How would I implement multiline cells with variable height?

[Peter StoevKeymaster]

Hi mharrison,

You can take a look at the Grid’s AutoRowHeight example available in the Grid’s demos.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[mharrisonMember]

Thanks very much I see it now. I actually had one other question. Is there an max-height option which would trigger the scrollbars if the grid extends beyond a certain height? We’re working on a mobile app and it would be great to allow a user to scroll just the grid area without affecting the rest of the content.

[adamParticipant]

The autorowheight is working great for me for the rows. Is there a solution for the column headers? Right now I am just manually putting in HTML line breaks where needed.

[adamParticipant]

Actually, my hack doesn’t work, at least when trying to export this grid to excel. This is the error I get when trying to open the resulting file (obviously because of the line breaks)

XML PARSE ERROR:  Missing end-tag
  Error occurs at or below this element stack:
    <ss:Workbook>
     <ss:Worksheet>
      <ss:Table>
       <ss:Row>
        <ss:Cell>
         <ss:Data>
          <ss:br>

Any more thoughts on word wrapping column headers?

[ericwastakenParticipant]

The ‘autorowheight’ feature worked great for me with a small exception. If you have a checkbox for any cell editor, it seems the checkbox is placed ABSOLUTE using “TOP:50%;”. Of course, this ends up looking bad on rows that are more than single height because 50% is quite a spacing in that case.

I fixed it with a simple CSS override on my page as follows:

div.jqx-checkbox {
/* Note, with rowautoheight, the TOP position of checkboxes needs to be fixed */
/* from a percentage (since that will now vary from row to ro) to a fixed value */
/* that will be dependent on the min row height! */
top: 2px !important;
}

However, this should probably be addressed in the core code.

Thanks,

E.

[Shiva shankar. CParticipant]

Hi Guys,

I have a similar issue i cannot use auto height for grid and my user want grid need to be set to full screen so my grid is set to height of window height.
With this scenario “autorowheight” will not work is thare any way to set the row height to the content of the column height

Note: am using latest verson downloaded form the JQwidgets site

[Peter StoevKeymaster]

Hi Shiva shankar. C,

No, autorowheight should be set to true in order to have auto height of your rows. It is not possible to set the height of a specific row.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[Shiva shankar. CParticipant]

Hi Peter/Team

I set autorowheight to true with paging it is warping the text but when i scroll it is dam slow some time browser hangs

can any buddy help regarding this

[Peter StoevKeymaster]

Hi Shiva shankar. C,

Performance is affected when autorowheight is turned on. The feature may be not good choice for your app if you have paging with many records per page or many columns.

Best Regards,
Peter Stoev

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

[dineshnkParticipant]

Hi Peter,

Auto-grow or auto-shrink of cell’s height depending on the cell’s content is still not supported in jqxGrid ?

Thanks

[Peter StoevKeymaster]

As far as I know it is supported from more than an year and we have several demos about it. I would suggest you to look at the Grid’s demos.

Best Regards,
Peter Stoev

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

[Author]

Posts