jQuery EasyUI datagrid | How to solve "no text wrapping" problem

Author - Webner

See the screenshot below :

Line no 7 and 8 indicate problems due to no word wrapping

Solution :

Use Javascript property ‘nowrap=false’ in your datagrid creation.

Code :

<table id="dg" title="Activity Info"  class="easyui-datagrid" style="width:100%;height:81%"
toolbar="#toolbar #searchtoobar" nowrap="false"
rownumbers="true" fitColumns="true" singleSelect="true" data-options="pageSize:50">
  <tr>
  </tr>
</table>

After using property nowrap=false

Webner Solutions is a Software Development company focused on developing CRM apps (Salesforce, Zoho), LMS Apps (Moodle/Totara), Websites and Mobile apps. If you need Web development or any other software development assistance please contact us at webdevelopment@webners.com

Webner Solutions is a Software Development company focused on developing Insurance Agency Management Systems, Learning Management Systems and Salesforce apps. Contact us at dev@webners.com for your Insurance, eLearning and Salesforce applications.

Leave a Reply

Your email address will not be published. Required fields are marked *

Send your message