EasyUI Forum
September 14, 2025, 10:58:16 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Word-wrap / Row Height  (Read 29841 times)
Zeek
Newbie
*
Posts: 5


View Profile
« 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.
Logged
stworthy
Administrator
Hero Member
*****
Posts: 3581


View Profile Email
« Reply #1 on: June 03, 2012, 11:54:40 PM »

Please set 'nowrap' property to false to enable datagrid to display rows with variable height.
Logged
Zeek
Newbie
*
Posts: 5


View Profile
« Reply #2 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?
Logged
stworthy
Administrator
Hero Member
*****
Posts: 3581


View Profile Email
« Reply #3 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.
Logged
Zeek
Newbie
*
Posts: 5


View Profile
« Reply #4 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.
Logged
Zeek
Newbie
*
Posts: 5


View Profile
« Reply #5 on: June 05, 2012, 08:11:45 PM »

Could you send me of a working word wrap example/tutorial?Huh?
Logged
stworthy
Administrator
Hero Member
*****
Posts: 3581


View Profile Email
« Reply #6 on: June 06, 2012, 12:37:19 AM »

Please click the link below to see the demo:
http://jsfiddle.net/8mfTu/6/
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!