EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: Zeek on June 03, 2012, 06:01:20 AM



Title: Word-wrap / Row Height
Post by: Zeek on June 03, 2012, 06:01:20 AM
I can not seem to get the word-wrap to work. For what I am doing right now I just have three columns. Two of the columns will never be longer than the column is width. The third column however will almost always be longer than the column width. I would like it so the Row Height is determined by word-wrapping the third column but I can not seem to get the word wrap to work at all. I guess an alternative to this would be to have a fixed row height that would be larger than only one line.

Any help or suggestions would be appreciated.


Title: Re: Word-wrap / Row Height
Post by: stworthy on June 03, 2012, 11:54:40 PM
Please set 'nowrap' property to false to enable datagrid to display rows with variable height.


Title: Re: Word-wrap / Row Height
Post by: Zeek on June 04, 2012, 03:29:11 PM
<table id="tt" class="easyui-datagrid" style="width:960px;height:500px"
   url="datagrid24_getdata.php"
   title="List of Needs in Kent County Michigan" iconCls="icon-search" toolbar="#tb"
   rownumbers="true" pagination="true" nowrap="false" autoRowHeight="true" fitColumns="false">

I set the nowrap to false (see above code). I believe you can set this property here?


Title: Re: Word-wrap / Row Height
Post by: stworthy on June 04, 2012, 06:39:37 PM
In the tutorial "Add search functionality in DataGrid", the datagrid is declared as below:
Code:
<table id="tt" class="easyui-datagrid" style="width:700px;height:250px"
url="datagrid24_getdata.php"
title="Searching" iconCls="icon-search" toolbar="#tb"
rownumbers="true" pagination="true">
...
</table>

The 'nowrap' property is not set, set it to false to display rows with multiple lines.


Title: Re: Word-wrap / Row Height
Post by: Zeek on June 04, 2012, 07:03:53 PM
I did set the nowrap property to false as you can see in the code I copied and pasted but it is not working.


Title: Re: Word-wrap / Row Height
Post by: Zeek on June 05, 2012, 08:11:45 PM
Could you send me of a working word wrap example/tutorial?????


Title: Re: Word-wrap / Row Height
Post by: stworthy on June 06, 2012, 12:37:19 AM
Please click the link below to see the demo:
http://jsfiddle.net/8mfTu/6/