如何让Grid单元格中的内容超长时自动换行显示？

Ext的Grid在默认情况下，单元格中的内容超长时会显示成： XXXXX.....，省略号为未显示出来的内容，但在某些时候，我们需要让内容自动换行显示，可参考下面这种方法：

 

写一个Renderer

//呈现Grid单元格内容时，如果内容超长，则换行显示 var renderAutoNewLine = function(v) { return "<div style="word-wrap:break-word;word-break: break-all;" mce_style="word-wrap:break-word;word-break: break-all;">" + v + "</div>"; }

 

为需要自动换行的列指定Renderer：

<ext:Column Sortable="true" Width="120" DataIndex="GovernmentAgency" Css="table-layout" Align="Center" Header="发证机关"> <Renderer Fn="renderAutoNewLine" /> </ext:Column>