Question

I have a grid with 3 columns: title, content and date created. My largest column with most content is the content column. However this column can hold much more text than one row of the grid. Ext JS automatically trims the text from a certain point on.

Can I stop it from automatically trimming the values in the rows and just show the whole content? I would post my code, but it’s an entire MVC pattern, which spreads over several files and it would take a lot of time to gather it all.

Answer 1

You need to use Preview or RowExpander plugin

• http://docs.sencha.com/ext-js/4-0/#!/api/Ext.ux.RowExpander
• http://docs.sencha.com/ext-js/4-0/#!/api/Ext.ux.PreviewPlugin

Here is the sample page you might want to look at:
http://dev.sencha.com/deploy/ext-4.1.0-gpl/examples/grid/paging.html

Basically idea is to have custom template which will render whole your data instead of having rows of the same height.