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>